Editing the mobile menu with CSS - by Jarkko

This topic has 4 replies, 2 voices, and was last updated 8 years, 2 months ago ago by Rose Tyler

  • Avatar: Laatusuklaa
    Jarkko
    Participant
    September 29, 2017 at 05:06

    The mobile menu on my site has a dark grey background and almost similarly dark text on it, so the text is barely visible on any phone. How would I change both the background coloro and the font color?
    https://prnt.sc/gr0zms

    How would I make this change happen on only my mobile device: https://prntscr.com/gr11o2 ?

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 29, 2017 at 08:15

    Hello,

    1. Add this code in Global custom css:

    .st-menu-open .mobile-menu-block > .mobile-menu-block.st-menu {
        background-color: rgba(0, 0, 255, 0.29);
    }
    .mobile-nav-heading.close-mobile-nav {
        background-color: red;
        color: white;
    }
    .mobile-nav a, .mobile-nav-heading {
        color: white !important;
    }
    .mobile-nav .links {
        border-top: 1px solid white;
    }

    2. You may add this code in Custom css for mobile:

    .header-custom-block {
        display: none !important;
    }

    Regards

    Avatar: Laatusuklaa
    Jarkko
    Participant
    September 29, 2017 at 09:09

    Thanks Rose! What would I do without your support?!? 😀

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 29, 2017 at 09:15

    You’re welcome! 🙂

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Editing the mobile menu with CSS’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.