• Resolved Mark Shirley

    (@ravalde)


    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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

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

    Thread Starter Mark Shirley

    (@ravalde)

    Yeah done that Andrew but then the nav starts going a bit “nuts” when viewed on a phone. 🙂

    Thread Starter Mark Shirley

    (@ravalde)

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you only want the margin on the desktop version?

    Thread Starter Mark Shirley

    (@ravalde)

    Yeah and ipad etc but not effecting mobile

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try wrapping the CSS in this query;

    /* iPads and above ----------- */
    @media only screen and (max-width: 768px)  {
    
    }

    Thread Starter Mark Shirley

    (@ravalde)

    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;
    }
Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Twenty Twelve adjust navigation’ is closed to new replies.