Hello @sigmibru,
The header background image on your website is an elementor section. In this case, you need to edit the background images for the responsive sizes, and please check the attached screenshots at this link: https://postimg.cc/gallery/hVLcyZh.
For more information about the background image settings, please follow this link: https://elementor.com/help/how-to-change-background-image/.
I hope that helps.
Best Regards
Thank you so much @skalanter
I haven’t solved the problem but now I know it comes from Elementor, so I’m going to publish my doubts in Elementor plugin forum.
Hello @sigmibru,
Please regenerate all assets files if you find the section and change the negative positions for responsive sizes. If it’s not working, then you can use the CSS below in Customizing > Custom CSS/JS > CSS Code:
@media(max-width: 640px) {
.elementor-element-c92a7e0 {
background-position: center center !important;
}
}
For more information about the CSS/JS code on the customizer, please read this link:
https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.
Note 1: if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, don’t forget to click on the regenerate all assets file and data in Elementor > Tools.
Note 2: First, try to fix the section background position on responsive; if that doesn’t work, perhaps it’s a cache. Try to check your issue on the guest browser. So the latest solution is CSS.
Best Regards
Hi @skalanter ,
Thank you so much for your help.
I couldn’t solve the problem with the guidelines that were given to me in Elementor plugin forum and I didn’t know what else I could do.
Your last message finally solved my problem. Copying your CSS code on the customizer was the only solution that worked for me.
So, again, thank you!
You’re most welcome. I’m glad we could help.
