The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

The Skeleton
[resolved] menu wrap and @media rules problem (2 posts)

  1. mjd67
    Posted 2 years ago #

    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:


  2. mjd67
    Posted 2 years ago #

    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.


Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.