-
Posts
-
Hi
if you go to the home page of my website https://madaboutmara.com and start to scroll down, you will see that the header/logo area remain transparent
However, if you go to any of the other pages om my site, for example https://madaboutmara.com/safari/ and scroll down, you will see that the background image I have uploaded in the Enfold design settings is displayed
Why does that not work on my home page ?
Hey ivanglaser,
Thank you for the inquiry.
The URL of the header background image in the home page is different from the other page. It might be due to file compression or minification settings. Please deactivate the compression plugin temporarily or toggle the minify settings to regenerate the stylesheets. (see private field)
Best regards,
IsmaelHi. Thnanks for that.
mmm. No matter what I do, I cant seem to fix the problem.
I disabled anything I could find taht had compression (Jetpack, Pageoptimizer and the enfold performance settings) but it made no difference
I even tried uploading another copy of the background image and naming it as expected by the homepage code but even that did not work for some reason
I have included an admin login below if you could take a quick look that would be appreciated
Thanks
Hi ivanglaser,
The reason it’s not showing in the homepage is because of this code in Quick CSS:
.home .header_bg { background: none !important; }Please remove that and it should be fixed.
Best regards,
NikkoHi Nikko
Thanks
It fixes the problem on PC but creates a problem on mobile device
In fact, that Quick CSS only needs to be applied on mobile device
What do I add to run that CSS only on mobile ?
Tx
IvanHi Ivan,
I see, just use this code instead:
@media only screen and (max-width:767px) { .home .header_bg { background: none !important; } }Hope this helps.
Best regards,
Nikko
- The topic ‘Transparent Header issue’ is closed to new replies.