How To change look of menu on mobile view

This topic has 6 replies, 3 voices, and was last updated 9 years ago ago by Eva Kemp

  • Avatar: jimboslicenc
    jimboslicenc
    Participant
    March 20, 2015 at 02:55

    Hi,

    Currently on my website, my mobile view menu is not the way that I would like it to look. The background is black and it is difficult to read the blue text overtop of it. How can I change the mobile menu to a white background, but keep everything else the way that it is?

    5 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    March 20, 2015 at 08:41

    Hello,

    Please add this code in custom.css file

    .mobile-nav,
    .et-mobile-menu li > a,
    .side-block .close-block{
    background-color: #fff;
    }

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    Avatar: jimboslicenc
    jimboslicenc
    Participant
    March 20, 2015 at 18:42

    Awesome! Thank you. I noticed that the line of code that you provided only changes the main nav menu items, but not submenus. What code can I use to change the submenus as well?

    Avatar: Eva
    Eva Kemp
    Support staff
    March 21, 2015 at 18:29

    Hello,

    Please use this code as well:

    .et-mobile-menu > li > ul li, .et-mobile-menu > li > ul > li a {
      background-color: white;
    }

    Regards,
    Eva Kemp.

    Avatar: jimboslicenc
    jimboslicenc
    Participant
    March 21, 2015 at 19:58

    That code didn’t change anything for me…

    Avatar: Eva
    Eva Kemp
    Support staff
    March 22, 2015 at 19:40

    Hello,

    Please try to add this one:

    .et-mobile-menu > li > ul li, .et-mobile-menu > li > ul > li a {
      background-color: white !important;
    }
  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

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