Support » Theme: The Skeleton » menu wrap and @media rules problem

  • Resolved mjd67


    I’m using the free Skeleton Theme and have a question related to @media rules in the CSS. If anyone can provide pointers, I’d be very grateful for the help.

    When I resize the browser window width, the main nav menu wraps (and pushes my last menu item to a 2nd row) at 1140 px then unwraps at 990 then wraps again at 960px, then unwraps again at 770.

    Using Firebug, I can see the @media rules for the .container class appear/disappear depending on the browser window width, and I sense that this wrapping behavior is driven somehow by those, but I’m having trouble understanding exactly how it’s all working. My question is: Can I prevent the main menu from wrapping (ever) by adjusting the CSS or do I have no choice but to shorten my menu, change font size, etc.?

    Here is the site:


Viewing 1 replies (of 1 total)
  • I tested with a blank Skeleton theme and discovered that it does the same thing with anylong menu, so it doesn’t seem to be caused by anything that I’ve done while customizing the CSS.


Viewing 1 replies (of 1 total)
  • The topic ‘menu wrap and @media rules problem’ is closed to new replies.