Navigation
Archive / Center logo on mobile header only
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 12, 2016 at 5:13 pm #988615
    jesselamm
    Participant

    I am working on a localhost currently, so no preview is available. I want to center my logo on the mobile version only, leaving it aligned left on the larger screen versions. I searched the forums and could not find my specific question asked/answered. Thanks!

    Attached is a screenshot of the mobile menu as it currently appears. Just need to nudge that logo to the center! Thanks!

    Jesse

    May 12, 2016 at 8:19 pm #988855
    John Ezra
    Member

    Hi there,

    Thanks for writing in! Since you don’t have a version of your dev site online, we can’t check our advice to ensure it works and it is tailored to your site. You can however give this a try and give us feedback.

    You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

    a.x-btn-navbar {
    clear: both;
}

a.x-brand {
    width: 100%!important;
    text-align: center;
}

    Let us know how that goes. Hope this helps – thanks!

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