Menu Alignment

  • Resolved ugk

    (@ugk)


    10 years ago

    Hello,

    I have the Founder theme and am looking to center align my menu at the top of the page because the margins on the body are narrow.

    I think it’s line 666 on the CSS but I don’t know how to make the changes from the ‘Add Custom CSS Here’ screen.

    Thanks for any help anyone can provide.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Ben Sibley

    (@bensibley)

    10 years ago

    Hi ugk,

    Thanks for choosing Founder!

    You can use the following CSS to center align the primary menu:

    @media all and (min-width: 900px) {

  .site-header {
    text-align: center;
  }
  .title-container {
    float: left;
  }
  .menu-primary-container {
    margin-left: -80px;
  }
}

    Please copy & paste the code above into the “Custom CSS” section in the Customizer (Appearance > Customize), and it should take affect right away. You can always use the Custom CSS section for all of your CSS modifications.

    There is just one update you’ll need to make to the code above. If the menu isn’t exactly centered, you can change the “margin-left” value to adjust the menu position. Reducing it further will move the menu to the left, and vice-versa.

    Thread Starter ugk

    (@ugk)

    10 years ago

    Thanks Ben!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Menu Alignment’ is closed to new replies.

  • 2 replies
  • 2 participants
  • Last reply from: ugk
  • Last activity: 10 years ago
  • Status: resolved