Navigation
Archive / Responsive Mobile Navbar Button Positioning
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 15, 2016 at 8:46 pm #1044415
    Jason B
    Participant

    Themco,

    Thank you so much for all of your support. I am having an issue with the positioning of the mobile navbar button. Although positioning it using px values works for a set viewport, it doesn’t seem to work for all viewports.

    Example: If I go to my website on a mobile phone, the mobile navbar button is positioned fine. When I put the phone into landscape mode, the button is not centered vertically.

    I just want the nav button to be centered vertically (in relation to the whole logobar) on all screen sizes. I hope you can help.

    Thanks!

    June 15, 2016 at 8:50 pm #1044417
    Jason B
    Participant
    This reply has been marked as private.
    June 16, 2016 at 1:11 am #1044633
    Paul R
    Moderator

    Hi,

    To fix it, you can add this under Custom > CSS in the Customizer.

    
@media only screen    
  and (min-device-width: 650px) 
  and (max-device-width: 979px) {
      .x-btn-navbar {
         margin-top: 36px;
      }
}

    Hope that helps

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