[Resolved] Show sticky nav logo on mobile with site-logo hidden

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 3 years, 3 months ago by Ying.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
February 27, 2023 at 3:20 pm #2549289

Robyn

Hi,
I am choosing to hide the site-logo on only the homepage page-id-2963, on desktop and mobile, but would like it to appear on sticky nav. This works on desktop, tablet is fine because I’m not hiding the logo, but on mobile it won’t show the logo when scrolling on the sticky nav.

I think it has something to do with .sticky-enabled .main-navigation.is_stuck but I can’t seem to make it show the logo using that bit.

Thank you for any help!
Robyn

February 27, 2023 at 4:02 pm #2549318
Ying
Staff
Customer Support
Hi Robyn,

Try change your css:
```
@media (max-width: 768px) {
body.page-id-2963 .site-logo {
    display: none;
}
}
```
to this, the media query is not needed with the below CSS:
```
body.page-id-2963 .site-logo:not(#mobile-header.is_stuck .site-logo) {
    display: none;
}
```
February 27, 2023 at 5:10 pm #2549360

Robyn

Thank you!
I left the media query, as it impacted tablet if I took it out.

As always, love the support and expertise here, thank you.

Robyn

February 28, 2023 at 10:55 am #2550383

Ying
Staff
Customer Support

You are welcome 🙂
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.