Gabriel Marques Posted July 1, 2019 Share Posted July 1, 2019 I'm trying to fixate a menu in the top of my page, in a form that i scroll down it continues afixated, although when i use the "w3-top" class in my menu, the page's content ends up behind it How do so it stays below the menu? With the "w3-top" class: Without the "w3-top" class: Link to comment Share on other sites More sharing options...
Ingolme Posted July 4, 2019 Share Posted July 4, 2019 One possible solution is to give top padding to the container of the main content which is equal to the height of the header. Link to comment Share on other sites More sharing options...
Donny195 Posted August 12, 2019 Share Posted August 12, 2019 I have the same issue. I believe the default solution is to add some <br> or setting a margin on the top of the page and that's good enough for layout but that doesn't help if you use bookmarks with id: when you follow a link to an element with <a href="#example">, this will show the <div id="example"> on the very top of the page, where it will be covered by the w3-top class. I know it's a bit silly and not a huge problem but I'd like the user to get to read the bookmark without scrolling the w3-top class out of the way. Does anybody have any idea on how to solve it? Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now