menu items spill over into Generate box

Community Forums Forums Design Tips and Tricks menu items spill over into Generate box

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  raven102 2 years, 10 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #10676


    I have been using Generate for the site and over the course of time I made a myriad of adjustments (to Generate, not Genesis). I am happy with the looks, but I struggle with responsive factor when viewing the site in portrait on tablets (e.g. iPad) or smart phones. Last two right-most menu items spill over into generate box (which itself has been butchered beyond recognition) and it does not look very appealing.

    Any ideas how to fix this? Maybe disable generate box altogether on smaller resolutions?

    Thank you in advance for your feedback!



    While this won’t fix the CSS look, you can do this. Add to #nav

    #nav {
    background: url(images/nav.png) repeat-x;
    clear: both;
    border-right: black;
    height: auto;
    overflow: hidden;

    Travis Smith | Recommended StudioPress Developer & Contributor
    WP Smith | @wp_smith | GitHub

    Due to the forums, please paste code using Pastebin, JS Fiddle (for JavaScript) or GitHub.
    How to use Firebug for Designers by SixRevisions



    Thank you Travis, your tips (especially height: auto; and overflow: hidden;) helped me in the right direction. I should be able to fix the visuals now, or at least make them better.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.