Help me fix my header in Magazine Pro

[Fitness Blogger]

I have played around with a lot of different header options to find one I like, but now I seem to have broken it. Help Please!!

The problems are:

1. The Primary Navigation covers the top of the header
2. On Ipad (horizontal view) I can only see either the primary or secondary navigation, not both. I just get this annoying button with 3 bars to press to skip between them.

If anyone can help fix this I will be really happy!

The site is ThefitBlog.com

Thanks a lot in advance

http://thefitblog.com

[bandj]

1. Your nav is sticky and is 57px high so you have to add some padding at the top of your header. You have 0 padding now.

padding-top: 5.7rem;

2. Those 3 lines are the mobile menu. It's for smaller screens. Easiest way is to look in your media queries section of the style.css for

.nav-primary #responsive-menu-icon

.nav-primary .responsive-menu

one will say display: none; and the other will say display: block;
change the "none" to "block" and vice versa

[Fitness Blogger]

Thanks a lot. That explains it.

I got so annoyed by how the header and primary navigation works that I just deleted both completely and only use secondary navigation 🙂

[Author]

Posts