Forums

Twenty eleven menu bar moved to top but overruns on mobile site (2 posts)

  1. Ginag21
    Member
    Posted 5 months ago #

    Hi
    Need some help please.
    Im using the twenty eleven theme an also running a child version.
    I've added code so. that the nav menu bar is on top of the header image as this is what the client wants. Looks great on computers but when viewed on mobile it hits into the title text an header image.
    I'm guessing this is because I've set the nav menu bar to a certain pixel height an therefore when viewed on mobile the pixel height needs changing here too.

    Could anyone advise on the coding I need to add to fix this for mobile please

  2. bheadrick
    Member
    Posted 5 months ago #

    you could use a media query to segment the styling.
    at the bottom of your style.css, add this:

    @media all and (max-width: 799px) {
    /*mobile friendly css goes here*/

    }

    This styling will be effective even when you resize your browser so that the window is less than 800px

    I'd need to see the link to tell you the exact code you'd need to put in there in case that's what you're asking for.

Reply

You must log in to post.

About this Topic