Return to previous page

Text colours on Hamburger menu on mobile devices

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

  • Avatar: chrisfields
    chrisfields
    Participant
    April 11, 2016 at 12:07

    Hi

    Can’t work out how to change colours for the navigation menu (activated by hamburger icon) on mobile devices.Tried something from another post which (half) fixed it on my iPad, but text colours are still completely wrong on iPhone.

    Could you help please?

    #120732 Copied
    5 Answers
    Avatar: Robert Hall
    Robert Hall
    Participant
    April 11, 2016 at 12:48

    Hello,

    Please try to add this code in Theme Options->Custom CSS->Global Custom CSS.

    .et-mobile-menu li a{
color:red;
}

    Regards,
    Robert Hall

    #120735 Copied
    Avatar: chrisfields
    chrisfields
    Participant
    April 11, 2016 at 16:20

    Thanks, but I still can’t see Log-in etc?

    #120766 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    April 11, 2016 at 19:43

    Hello,

    Please also use this css code:

    .mobile-nav-heading, .mobile-nav .links li a {
   color: #FFF !important;
}

    Regards,
    Eva Kemp.

    #120785 Copied
    Avatar: chrisfields
    chrisfields
    Participant
    April 11, 2016 at 20:00

    That’s done it 🙂

    Thanks very much all.

    #120786 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    April 11, 2016 at 20:30

    Hello,

    You are welcome.

    Regards,
    Eva Kemp.

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

The issue related to '‘Text colours on Hamburger menu on mobile devices’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 03 – Multivendor WP WooCommerce Theme
lazy-placeholder
Concert Store – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Handtools Store – WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Hotel – WordPress 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.