Return to previous page

Mobile navigation is too dark to read - by Kris

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

  • Avatar: Kris
    Kris
    Participant
    September 29, 2015 at 23:15

    I need to adjust the color scheme for the mobile navigation. Which css rule would I need to edit.

    Thanks,

    Kris

    #90330 Copied
    5 Answers
    Avatar: stan
    Stan Russell
    Participant
    September 30, 2015 at 07:25

    Hello Kris,

    please show us on screenshot what results do you want to achieve and we will provide you with needed css code.

    Regards,
    Stan Russell.

    #90360 Copied
    Avatar: Kris
    Kris
    Participant
    September 30, 2015 at 17:44

    Stan,

    Here is the screen shot to what I am referring to. The mobile navigation is unreadable.
    http://s7.postimg.org/3nm1f56hn/mobile_nav.jpg

    Thank you,

    Kris

    #90550 Copied
    Avatar: stan
    Stan Russell
    Participant
    October 1, 2015 at 07:47

    Hello Kris,

    please use following css code in custom.css file:

    .et-mobile-menu li > a {color:red!important}
.side-block .close-block{color:red!important}
.et-mobile-menu li > a{background-color:white!important}
.side-block .close-block{background-color:white!important}
.et-mobile-menu li .open-child{background-color:green!important}

    You may change color names as you want.

    Regards,
    Stan Russell.

    #90625 Copied
    Avatar: Kris
    Kris
    Participant
    October 2, 2015 at 21:05

    Stan,

    That works!

    Thank you!

    Kris

    #91140 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    October 3, 2015 at 12:10

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #91187 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Mobile navigation is too dark to read’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Kids Store – WordPress WooCommerce Theme
lazy-placeholder
Handtools Store – WooCommerce Theme
lazy-placeholder
Customization service (hour)
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme

See All Templates

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