Navigation
Archive / Formatting Issues with Desktop, Mobile and Tablet
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 17, 2016 at 10:28 pm #1091318
    Brock B
    Participant

    I am trying to adjust my header so that my menu is perfectly in the middle on the desktop, mobile and tablet. Currently on the desktop view, the menu in the header is pushed too far right, on the tablet its too far up and too the right and the mobile view has everything misaligned (social media icons need centered, menu needs centered, logo needs centered. Any suggestions?

    July 17, 2016 at 10:52 pm #1091345
    Rad
    Moderator

    Hi Brock,

    Thanks for writing in.

    I guess you’re referring to this URL http://paradisevalleyproductions.com/portfolio-2/

    It’s because of Social icons. It’s part of the top bar and putting it within the layout where it is not expected will mess the existing alignment.

    Please add this CSS to Admin > Appearance > Customizer > Custom > CSS for mobile menu alignment.

    .x-btn-navbar {
    margin-top: 63px;
}

    The question will be is, how would you like the social icons be displayed on desktop, tablet, and mobile? Right now, it’s only floating there and causing misalignment. Should it be under or top of the logo? mobile menu? or any?

    Thanks!

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