change text color of menu on specific page

  • Hi,

    On my Home page, the white text color of the transparent menu works great, except for a new page that I have created. Can I add a custom CSS that will change the standard color of the menu text to a different color on specific page?

    Thank You.

    • This topic was modified 3 years, 2 months ago by Prabuddh.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hey, thanks for reaching out.

    You can change the color of your menu on just that page by using the CSS below:

    .page-id-1440 .header-navigation .header-menu-container > ul > li.menu-item.current-menu-item > a, .transparent-header .header-menu-container > ul > li.menu-item.current_page_item > a {
    color: #049f82 !important;
}
.page-id-1440 .header-navigation .header-menu-container > ul > li.menu-item > a {
    color: #2b1818 !important;
}

    Feel free to adjust the colors to whatever you need, an add the CSS to Customize> Additional CSS.

    Let me know if that works for you!

    Thanks,
    Kevin

    Thread Starter Prabuddh

    (@prabuddh09)

    Thank for the code, but it only works on the desktop view, not on mobile.

    here’s is the screenshot: https://prnt.sc/1tteyxj

    hannah

    (@hannahritner)

    Hey,
    You can use CSS like this for the mobile trigger button:

    @media (max-width: 992px) {
.page-id-1440 button#mobile-toggle {
    color: red;
}
}

    Hope that helps!

    Best,
    Hannah

    Thread Starter Prabuddh

    (@prabuddh09)

    Thank you, it’s worked ??

    hannah

    (@hannahritner)

    Glad to hear it!

    Best,
    Hannah

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘change text color of menu on specific page’ is closed to new replies.