WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Twenty Twelve adjust navigation (8 posts)

  1. Mark Shirley
    Member
    Posted 1 year ago #

    Hi I need to give the navigation in TwentyTwelve a left margin but keep the lines at the top and bottom in the same position because im going to color the background.

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can you give the margin to the first <li> menu item?

  3. Mark Shirley
    Member
    Posted 1 year ago #

    Yeah done that Andrew but then the nav starts going a bit "nuts" when viewed on a phone. :-)

  4. Mark Shirley
    Member
    Posted 1 year ago #

    Hi Andrew not sure what happend to the last post it just dissapeared

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    Do you only want the margin on the desktop version?

  6. Mark Shirley
    Member
    Posted 1 year ago #

    Yeah and ipad etc but not effecting mobile

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try wrapping the CSS in this query;

    /* iPads and above ----------- */
    @media only screen and (max-width: 768px)  {
    
    }
  8. Mark Shirley
    Member
    Posted 1 year ago #

    Andrew you posted some code below that centers the text and it works a treat, all im trying to do is move the text in 30px so i can color the nav background and the first menu items not butting against the left side.

    .main-navigation ul.nav-menu {
     text-align: center;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags