Navigation
Archive / How do I centre the text in the mobile menu?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 18, 2016 at 6:39 am #1220684
    DKMGAU
    Participant

    Hey guys, I want to centre the text on the items in my mobile menu.

    I’ve tried the following CSS, but it hasn’t worked for me:

    @media (max-width: 979px ) {
.x-navbar .x-navbar-inner .x-nav-collapse .x-nav  a {
text-align:center;
font-size: 2em;
padding: 0px;
}
}

    The site I’m working on can be found at geekbite.com/NewSite
    I’m using X Theme Icon 3 as my template and I’ve attached an image of what my menu looks like 🙂

    Thanks,
    David

    October 18, 2016 at 7:02 am #1220700
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    .x-navbar .mobile .x-nav li>a {
    text-align: center;
}

    Hope that helps.

    October 18, 2016 at 5:39 pm #1221431
    DKMGAU
    Participant

    Thank-you!

    October 18, 2016 at 8:41 pm #1221636
    Nico
    Moderator

    Feel free to ask us again.

    Thanks.

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