-2

I'm having problems getting my menu to display correctly under 600px on a development site of mine. The top part of the site (video area) is responsive >1024px. Everything should stay a static width below that. My menu is fine until it gets below 600px, and then it disappears completely. This happens only on the front page (inner pages have a different header).

Thanks for any help!

edit: sorry didn't link to site - http://dev.longviewsources.com/

1
  • Please add the relevant code from the site to your question. No one wants to dig through your source to find your menu HTML and CSS. Commented Aug 13, 2013 at 0:15

2 Answers 2

4

Thgat's because in your style.css file on line 510 you have

@media screen and (max-width: 600px){
  .main-navigation ul {
    display: none;
  }
}

You could have found easily what's happening with Firefox inspector, it's great tool.

1
  • Aha thanks, I actually use Chrome's element inspector, but I just missed this. It's some CSS that came with the barebones theme I built this from. Commented Aug 13, 2013 at 14:58
1

In your style.css

Find

@media screen and (max-width: 600px) {

Inside you will find

.main-navigation ul {
        display: none;
}

Remove display:none; so it will be

.main-navigation ul {

}

Then the menu won't disappear.

Not the answer you're looking for? Browse other questions tagged or ask your own question.