Make top menu bar NOT sticky

Need help? Please give a detailed explanation of your problem.
User avatar
Agalassi1792
AllPro Expert
Posts: 332
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Make top menu bar NOT sticky

Postby Agalassi1792 » Tue Sep 11, 2018 3:39 pm

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
Posts: 58
Joined: Tue Jul 11, 2017 8:03 am
Website: www.allprowebtools.com

Re: Make top menu bar NOT sticky

Postby Kathlein » Tue Sep 11, 2018 5:06 pm

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
Posts: 332
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Make top menu bar NOT sticky

Postby Agalassi1792 » Tue Sep 11, 2018 5:25 pm

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
Posts: 58
Joined: Tue Jul 11, 2017 8:03 am
Website: www.allprowebtools.com

Re: Make top menu bar NOT sticky

Postby Kathlein » Tue Sep 11, 2018 6:59 pm

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
Posts: 332
Joined: Tue Nov 18, 2014 12:42 pm
Website: apwt.bluezenith.com

Re: Make top menu bar NOT sticky

Postby Agalassi1792 » Wed Sep 12, 2018 10:30 am

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.




Return to “Help / How to use AllProWebTools”



Who is online

Users browsing this forum: No registered users and 3 guests

cron