Hamburger Menu Color Issue

Support
#1

The Mobile Hamburger Menu for my site (SheisSTILLDope.com) won’t allow me to change the text color. I am fine with the button colors but the blue background won’t change the text to white or yellow. How do I do this?

#2

Hello @TheHustleAgency,

Thank you for the details.

To change the color of the mobile menu items, please go to X > Theme Options > Renew. You should find a corresponding color picker to the mobile menu. The general link color and link hover color on the other hand can be found in X > Theme Options > Typography > Site Links.

Hope this helps. Kindly let us know.

#3

Changed both. Tried everyone. Nothing changed.

#4

Hello @TheHustleAgency,

Thanks for updating the thread. :slight_smile:

I checked the website and can see that you are using X Theme version 6.4.6 and Cornerstone 3.5.4. Using old version of X Theme in conjunction with latest version of Cornerstone, usually cause compatibility issues.

I suggest you to update X Theme to latest version 6.5.6. We have also released update for Cornerstone, so it’s recommended to update Cornerstone 3.5.6.

Here’s some resources that you can refer to update X Theme and Cornerstone.

https://theme.co/changelog/

Thanks.

#5

Updated and still no change. Does it take time for the update?

#6

Hello @TheHustleAgency,

Thanks for updating the thread.

Please update Cornerstone to latest version 3.5.6 and if the problem is still there, please share website login details in secure note for us to take a closer look.

Thanks.

#7

Updated Cornerstone it messed up my whole website. I fixed that but the mobile menu colors are still all blue it does highlight to yellow when clicked on but won’t I can’t change the static color. Any mix of the blue yellow and white would work but I can’t get it to change. Please help.

#8

Hi @TheHustleAgency,

I’m a bit confused with the discussion, are you referring to mobile menu text color instead of mobile burger icon or desktop menu text color?

I think the issue is that the same colors are applied to desktop and mobile but it happens the background area is different. For that mobile menu text, you’ll have to do it with custom CSS. Please add this CSS to Theme Options > CSS with your preferred color.

.x-navbar .mobile .x-nav li a {
    color: #fff !important;
}

Thanks!

#9

It worked!!! Thanks soooooo much.

#10

You’re most welcome.

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.