Just wondering, since Parallax doesn't play well with iOS and some mobile devices, do you have a way to disable parallax on those devices and just leave a static image?
This will be possible with a CSS class. Let me explain the steps:
1. Please edit the row, click the 'Attributes' panel and add mobile-parallax in the Row Class input field 2. Add the following CSS via Appearance > Customize > Theme Options > Custom (CSS):
@media(max-width: 768px) {
.panel-row-style-mobile-parallax {
background-position: center center!important;
}
}
Above CSS will remove the parallax on screens that are max 768 pixels in width. If you want to target small tablet screens as well you can change it to 992px
Just wondering, since Parallax doesn't play well with iOS and some mobile devices, do you have a way to disable parallax on those devices and just leave a static image?
Hi there,
This will be possible with a CSS class. Let me explain the steps:
1. Please edit the row, click the 'Attributes' panel and add mobile-parallax in the Row Class input field
2. Add the following CSS via Appearance > Customize > Theme Options > Custom (CSS):
@media(max-width: 768px) { .panel-row-style-mobile-parallax { background-position: center center!important; } }Above CSS will remove the parallax on screens that are max 768 pixels in width. If you want to target small tablet screens as well you can change it to 992px
If you have any questions, feel free to ask
Best regards,
Barry
QreativeThemes.com | WordPress Themes