Mobile responsive logo
URL to the page in question:
https://pucknutnation.com
-
Hi Bill,
Is there a custom styling code to not have the logo appear on the homepage when viewing on a small screen mobile device (ex: iPhone in portrait or landscape mode)? When viewed on such a device, the logo is conflicting with the page design.
Thanks a lot for your help.
David
Hi David,
The logo covering up your model’s face probably isn’t what we want there. You can hide the logo on smaller screens, only on the home page. Go to the Customizer and click on the Advanced tab. In the spot for Custom CSS, add this:
@media screen and (max-width: 767px) {
.home #logo {
display: none;
}
}
and save your changes. That should hide the logo on the home page on smaller screens. If you run into trouble, let me know.
Bill
Hi Bill,
Thanks so much for your reply. That worked great! Have a good day.
David
Hey David,
Glad to hear that did the trick for you! Thanks and have a great day too 🙂
Bill
- The topic ‘Mobile responsive logo’ is closed to new replies.