Navigation
Archive / Center mobile menu below logo
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 10, 2017 at 1:27 pm #1324377
    fatcatgraphics
    Participant

    Hi,
    Im trying to center the menu below the logo and I tried this:

    @media (max-width: 480px){
    a.x-btn-navbar {
    width: 100%;
    text-align: center;
    }
    .x-navbar .x-brand {
    width: 100%;
    }
    }

    but it didn’t work. Could you please help me center this? My website is
    http://wnml-law.com

    January 10, 2017 at 1:35 pm #1324383
    fatcatgraphics
    Participant

    I was actually able to get that to work, but I cannot get the logo centered. Its slightly to the right on mobile devices. Could you please help with that?

    Thanks

    January 10, 2017 at 1:38 pm #1324390
    fatcatgraphics
    Participant

    Sorry, I figured that out as well!

    And if anyones wondering it’s:

    a.x-brand {
    margin-bottom: 15px;
    }

    @media (max-width: 480px){
    a.x-btn-navbar {
    width: 100%;
    text-align: center;
    }
    .x-navbar .x-brand {
    width: 100%;
    text-align: center;

    }
    }

    Into the Additional CSS area

    January 10, 2017 at 2:42 pm #1324487
    Jade
    Moderator

    Thanks for sharing your solution.

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