[Resolved] Sticky menu navigation position

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 5 years, 2 months ago by David.

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

Author

Posts
March 26, 2021 at 12:23 pm #1711203
Rostyslav
Hello,

I am using a sticky navigation and I use this code for top margin:
```
#sticky-navigation,
#mobile-header.is_stuck {
  top: 27px !important;
```
In desktop view, all works perfectly but in mobile view I need to lower it more. https://ibb.co/mcMKYPz

How can a use the same code but just for mobile with a different margin?

Thank you1
March 26, 2021 at 2:10 pm #1711283
David
Staff
Customer Support
Hi there,

You will need to create two separate CSS rules like this:
```
/* Desktop sticky nav position */
#sticky-navigation {
  top: 27px !important;
}
/* Mobile sticky nav position */
#mobile-header.is_stuck {
  top: 32px !important;
}
```
March 27, 2021 at 2:17 am #1711633

Rostyslav

Works! Thanks David!

March 27, 2021 at 4:00 am #1711738

David
Staff
Customer Support

Glad to hear that!
Author

Posts

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

You must be logged in to reply to this topic.