Navigation
Archive / Changing Header for Mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 9, 2017 at 12:32 pm #1400824
    Brock B
    Participant

    I am wanting to format my header a little different for mobile and tablet than it is on my desktop site, but I’m not sure how to do that.

    I’d basically like the menu (three horizontal lines in the red box) to be lined up directly below the logo. How do I do that?

    http://www.bravepandacreative.com

    March 9, 2017 at 2:53 pm #1401045
    Jade
    Moderator

    HI Brock,

    Please add this code in the customizer:

    @media (max-width: 979px) {
    .x-btn-navbar.collapsed {
        clear: both;
        margin: 15px 0;
    }

    a.x-brand.img {
        width: 100%;
        margin-bottom: 30px;
    }
}

    Hope this helps.

    March 9, 2017 at 4:48 pm #1401164
    Brock B
    Participant

    I don’t know how ya’ll do it! Perfect! Thanks!

    I do have one question though. When you respond to us with a fix and it works perfectly, would you prefer if we didn’t come back with a “Thank you” message as that bumps the thread back up to the top and you have to read it? I’m just trying to see what you all would prefer (say thanks or just move on haha)

    March 9, 2017 at 11:27 pm #1401523
    Rupok
    Member

    Hi there,

    It’s totally fine to say thanks so that we get to know it worked fine. It also helps the other users and they can confidently use the code in case they are facing same issue.

    So you are welcome and have a nice day buddy! 🙂

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