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 1 year, 3 months ago.

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

    raven102
    Participant
    Post count: 2

    I have been using Generate for the http://www.sociedadeinternacional.com 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!

    #10748

    wpsmith
    Moderator
    Post count: 178

    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

    #11501

    raven102
    Participant
    Post count: 2

    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.