Parallax image on mobile


#1

Hi Folks,

When i open one of my pages (about our company)

on my mobile device standard size (huawei p7) the parallax image is refitted to be full width, but the text is larger, and this outgrows the image.

Do you have any ideas how to go about with this situation?


#2

Hi,

Please try this Custom CSS and let me know how it works:

@media screen and (max-width: 1024px) {
.panel-row-style {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
}
}

Add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Best Regards,
Csaba