How can I remove the logo only at the frontpage and only on mobile?
Hey Jacob,
Yes, it is. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
@media only screen and (max-width: 990px) {
.home .logo img {display: none !important;}
}
If that doesn’t work, please give us a link to the website in question so we can take a closer look.
Best regards,
Sarah
Hi Sarah
Thanks for the quick feedback
Unfortunately, that does not work.
On the front page I have chosen the following option:
‘header is invisible and appears once the user scrolls down’.
Could it have an effect on the change in your css?
morning,
You could try the following…
@media only screen and (max-width: 990px) {
#top .av_header_transparency.av_alternate_logo_active .logo a > img {
display:none;}
}
Hope that helps
TJ
Hi,
Try to use the code given by @tjswarbs78, if that still doesn’t work, can you post a link to your site? if you want it to be visible only to moderators you can post it in Private Content.
@tjswarbs78: Thanks for helping out :)
Best regards,
Nikko
Sorry … that’s my fault.
I have tested on a subpage.
The CSS works perfectly.
Hi,
Glad Sarah could help! :)
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit
Hi,
Great! I am glad this was able to work for you. Is it okay to close this thread if everything is working?
Best regards,
Jordan Shannon