Menu button in the center in moblie version

  • Hi All,
    I would like to put my menu button in the center of the page in the mobile version of my site. I tried to some CSS, I was able only to move it to the left using code:

    /*Menu position for mobile site*/
    @media screen and (max-width: 768px) {
    .main-navigation{
    position: relative;
    top: 30px;
    }

    button.menu-toggle {
    float: none !important;
    margin:auto}
    }

    Could you please advise how should I center the menu button? (I mean only the button, I don’t want to center the text)
    Thanks in advance & Best Regards,
    Marta

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hey @martak333

    To center the menu button, but not the menu items themselves, you can use the following CSS code:

    @media screen and (max-width: 767px) {
  #site-navigation {
    text-align: center;
  }

  #site-navigation ul {
    text-align: left;
  }
}
Viewing 1 replies (of 1 total)
  • The topic ‘Menu button in the center in moblie version’ is closed to new replies.