Make sticky menu for AgentPress Pro

[ACEkin]

The client wanted to see how a sticky menu would look on his newly switched theme on this site:
http://www.striveri.com

On a staging site where I built this site:
http://strive.testbed.biz

I used the following CSS change which makes the menu sticky with a slight spacing difference:

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

.site-header .wrap {
margin-top: 125px;
}

Is this a reasonable and reasonably robust approach to solving this problem? Are there better ways of making the top menu sticky?

Thanks in advance,

Cemal

http://www.striveri.com

[Brad Dalton]

Looks o.k to me.

You might want to look at a SP theme which includes this featured to see how its done, however its pretty much the same CSS.

This is how i do it.

---

Tutorials for StudioPress Themes & WooCommerce.

[ACEkin]

Thank you Brad, for confirming that my approach. I had to declare the width 100% to prevent it from sticking to the left edge. The second block is essentially to position the logo. I feel better! Thank you,

Cemal

[Author]

Posts