Navigation
Archive / Menu's
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 13, 2016 at 4:59 am #1084582
    wmagroup
    Participant

    Hi,

    We are creating a website where we want to use the mobile menu on both desktop and mobile.

    We have added some code and have the mobile menu working on desktop but would like to make a few adjustments.

    1. remove shadow from mobile menu and add border same colour as hamburger
    2. remove border boxes from links in menu
    3. centre text in menu
    4. increase size of font in for desktop menu

    site is http://www.wma.com.au

    Thanks.

    July 13, 2016 at 7:41 am #1084779
    Christian
    Moderator

    Hey there,

    Please add the code below in your Appearance > Customize > Custom > CSS

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

.desktop .menu-item, .desktop .menu-item>a {
    font-size: 17px !important;
}

    Hope that helps. 🙂

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