Make top menu bar NOT sticky

Need help? Please give a detailed explanation of your problem.
Post Reply
User avatar
Agalassi1792
AllPro Expert
AllPro Expert
Posts: 510
meble kuchenne Mikołów Knurów Czechowice-Dziedzice
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Make top menu bar NOT sticky

Post by Agalassi1792 »

Hello,

How do you make the menu bar NOT sticky? I do not want the menu bar to scroll with me - I want it to stay at the top of the page always.

How do I go about doing this?
User avatar
Kathlein
Support Team
Support Team
Posts: 144
Joined: Tue Jul 11, 2017 8:03 am
Website: www.allprowebtools.com

Re: Make top menu bar NOT sticky

Post by Kathlein »

Which theme are you working with? There are a number of themes available at: http://allprowebtoolsthemes.com/

Each of these themes will have different menu bar attributes.

If you want to edit the CSS, you will first want to find the DIV that you want to change and then brush up on the information on this page: https://www.w3schools.com/css/css_positioning.asp
User avatar
Agalassi1792
AllPro Expert
AllPro Expert
Posts: 510
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Make top menu bar NOT sticky

Post by Agalassi1792 »

Hey,

All it says for the theme is "Your Current Theme - Default"

So I must be using the default theme.

Let me know how to do it with this theme, thanks.
User avatar
Kathlein
Support Team
Support Team
Posts: 144
Joined: Tue Jul 11, 2017 8:03 am
Website: www.allprowebtools.com

Re: Make top menu bar NOT sticky

Post by Kathlein »

You can preview how the Default theme looks in our Them Repository here: http://allprowebtoolsthemes.com/-allprowebtools-default

It does not appear that the menubar stays on the page when you scroll down in the Theme Repository.

Can you provide some additional information?
User avatar
Agalassi1792
AllPro Expert
AllPro Expert
Posts: 510
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Make top menu bar NOT sticky

Post by Agalassi1792 »

Hello,

Well I figured out how to remove the sticky menu bar by myself, so here's what I did:

this was in my header:

<div class="navbar navbar-default navbar-fixed-top" role="navigation" data-spy="affix">

So I removed the 'data-spy="affix"' and the 'navbar-fixed-top' class.

I am also remembering that I copied the header out of a different site, as I wanted to use their header style, so that is where the sticky menu bar came from.

When I had asked this question to begin with, I had thought that maybe there was just a checkbox somewhere that I wasn't seeing that would turn it on or off. Didn't realize it had to do with theme settings. But either way, that is how I went about this.
Post Reply