Navigation
Archive / Mobile Menu Alignment
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 24, 2016 at 10:45 am #897501
    jrod0725
    Participant

    Hello, I decided to use the mobile menu at all times and I added the word ‘MENU’ next to the hanburger using the great info in this forum but I haven’t been able to figure out how to align that text vertically. Right now the word MENU is aligned to the bottom but I’d like to center it vertically with the hamburger. Is that possible?

    My site is quantifyfitness.com

    Thanks
    Josh

    April 25, 2016 at 1:17 am #898149
    Rue Nel
    Moderator

    Hello Josh,

    Thanks for writing in!

    To center the menu with the hamburger icon, please find this block of code:

    .masthead-inline .x-btn-navbar:after {
    content: "MENU";
    font-size: .65em;
}

    You need to remove and update it using this code instead:

    .masthead-inline .x-btn-navbar {
    position: relative;
    padding-right: 45px;
}

.masthead-inline .x-btn-navbar:after {
    content: "MENU";
    font-size: .65em;
    position: absolute;
    top: 4px;
    right: 0;
}

    Hope this helps.

    April 25, 2016 at 5:44 pm #899426
    jrod0725
    Participant

    Sweet. Thanks!

    April 26, 2016 at 8:30 am #900331
    Friech
    Moderator

    Glad we could help, Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-897501 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>