Remove Floating Navigation Bar – Magazine pro

[Reginald]

Hi guys,

I was wondering...is there a way to remove the floating navigation bar (top of the screen) on Magazine pro? Been searching around Google but can't find a solution for that.

Website is still new, here goes: http://www.OutRank.guru

Thanks!

---

Website | Facebook | Twitter | Google+ | Editorial Sumo

http://www.OutRank.guru

[AnitaC]

It's currently "fixed" - change it to absolute and it will move the entire screen when you scroll.

.nav-primary {
    background-color: #222222;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

---

Need help with customization or troubleshooting? Reach out to me.

[relaxedguy]

I changed position: fixed to position: absolute on line 1325 or thereabouts as below and nothing happened.

What about line 1954:

.nav-primary {
		position: relative;
	}

What gets edited where to make the navigation stay put?

Thanks.

[AnitaC]

You would change relative to fixed, however.. you may need to add some margins or padding to drop the content area down.

---

Need help with customization or troubleshooting? Reach out to me.

[relaxedguy]

The navigation bar remains visible as I scroll down. This is terrible UI and a bad idea overall and I want the navigation to remain at the top of the page.

I made these changes as recommended, still doesn't work. Sorry if I am responding to a question that doesn't solve my problem, it's the closest I've come to finding an answer so far.

.nav-primary {
	background-color: #222;
	color: #fff;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
}
	.nav-primary {
		position: fixed;
	}

[AnitaC]

Please provide a link to your site. It's hard to assist you without it. Or you can read this -http://wpsites.net/web-design/how-to-make-your-nav-menu-sticky/.

---

Need help with customization or troubleshooting? Reach out to me.

[relaxedguy]

That link didn't solve the problem. This really should be a toggle option in the theme settings.

Site is http://onlinedatingpost.com.

I'll leave it alone for a bit and you can take a look.

[AnitaC]

The functionality of the themes is controlled by the child theme developers not the framework. I highly doubt if they will add a toggle on them. Studiopress has a tutorial here - http://my.studiopress.com/tutorials/sticky-menu/.

---

Need help with customization or troubleshooting? Reach out to me.

[relaxedguy]

Anita, thank you but you are misreading my request. I don't want a sticky menu. It's a terrible idea and I want to get rid of it asap. I want the navigation menu to remain at the top of the page, just like every other site out there. If you have a link to do this that explains it for this theme and every edit required, great. Otherwise I'll have to look elsewhere. Appreciate your attempt at helping though.

[AnitaC]

You wrote above:

What gets edited where to make the navigation stay put?

I interpreted that as you wanted it "sticky" to stick in place... stay there as you scroll.

Look for this code:

.nav-primary {
    background-color: #222222;
    position: fixed;
    width: 100%;
    z-index: 999;
}

Delete the position line or change it.

---

Need help with customization or troubleshooting? Reach out to me.

[relaxedguy]

Anita, it appears that your solution works in Safari on Mac but not Chrome for Mac. I've emailed Studiopress support about this, as they sent me a similar edit as yours. When we figure this out I'll post the answer here.

[relaxedguy]

Clear you cache all the time 🙁

[Author]

Posts