Navigation
Archive / Moving mobile nav bar to right of logo
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 20, 2016 at 10:07 pm #1051863
    PunchBugIndy
    Participant

    Hi,

    I’d like to move the mobile nav bar to the right of the logo on mobile and any small screen. I’ve searched and tried a few CSS examples from the forum but can’t get anything to work for me. Can you help me with this? Thanks!

    Punch Bug Marketing

    June 21, 2016 at 1:44 am #1052042
    Lely
    Moderator

    Hi There,

    Thanks for posting in and giving us your site URL.
    Please try adding the following CSS:

    @media (max-width: 979px){
.masthead-stacked .x-btn-navbar {
    float: right;
    margin-top: -72px;
}
.masthead-stacked .x-brand {
    float: left;
}

}

@media (max-width: 480px){
.x-brand img {
    width: 150px;
}
}

    Hope this helps.

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