Fixed Menu

hymesha · Member · Aug 18, 2015 at 1:00 pm
Copy link

Add topic to favorites
Good day i am trying to make my menu fixed so that when you scroll it appears to follow the page.
I am using the nuclear theme

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 18, 2015 at 10:59 pm
Copy link
Hi there, to do this you would have to have the Custom Design Upgrade, which you can purchase by going to Store > Store in your dashboard. The following would be the CSS you would need to make the top navigation/search fixed. I’ve used a Media Query to limit this change to widths widths greater than the point the menu changes to the touch style menu for tablets and phones so it doesn’t cause issues with it.
```
@media screen and (min-width: 783px) {
.navigation-bar {
    position: fixed;
    background: #fff;
}
}
```
hymesha · Member · Aug 19, 2015 at 8:18 am
Copy link
Hi There,

I have tried to purchase it again as I did have it before but it does not let me upgrade to it anymore. I am not sure why but it is driving me insane.
hymesha · Member · Aug 19, 2015 at 8:22 am
Copy link
Actually I got it. Thank you.

By any chance do you think I can also move the menu below my header?
thesacredpath · Member · Aug 19, 2015 at 10:43 pm
Copy link
With having the menu set as fixed, this would be problematic on some screen sizes, and since it is in its own div and not in the same one as the header image, it would be hard to make it work on all screen sizes, even if not set to fixed.
hymesha · Member · Aug 20, 2015 at 9:42 am
Copy link
That is fine. Thank you anyway for ALL of your help
thesacredpath · Member · Aug 20, 2015 at 8:27 pm
Copy link
You are welcome.

No items found.