Getting background image mobile responsive

Hi,

I have some trouble getting the background image I have set for the ‘Our Mission’ part of the website responsive. On my computer the background image looks fine, but on my phone I only see part of the picture and it is blurred. I tried various CSS codes using the plugin Simple Custom CSS but they did not help. I hope someone can help me. My website is wwww.languageinnovationcampus.com

Thanks in advance! Lotte

Hi,

You can fix that with this Custom CSS:

@media only screen and (max-width: 991px) {
.panel-row-style[data-hasbg="hasbg"] {
    background-attachment: scroll !important;
}
}

Please 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.

Please let me know how it works.

Best Regards,
Csaba

Great, thanks so much Csaba!

Hi,

Great! You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Best Regards,
Csaba