Changing menu widths

  • Unknown's avatar
    rwhyman · Member ·

    Hi, I am trying to centralise the menu bar buttons on my Eventbrite single theme page. There is an awkward space at the end of the menu bar, where no matter how many buttons I add, it doesn’t fill it. So, can anyone help me resize the buttons to fit equally along the bar, or somehow just centralise the buttons as they are?
    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @rwhyman, give the following a try for centering the menu. 

    @media screen and (min-width: 768px) {
nav.menu {
    text-align: center !important;
}
.menu > ul {
    display: inline-block !important;
}
nav li, div.menu li {
    float: none;
    display: inline-block;
}
}

    I’ve used a Media Query to limit this change to 768px and wider screens/windows so that it doesn’t create issues on the touch device menu (tablets and phones).

  • The topic ‘Changing menu widths’ is closed to new replies.