Menu Color Assistance - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Menu Color Assistance

NO

Nicole Otto

Template 4 years ago

I made changes to the menu coloring in the template settings but it isn't showing on the front end. https://fitznerauctioneers.com/new/

When you scroll down the page the sticky menu turns white and the active menu link is white and gets lost. I changed the active menu link and it didn't work.

0
11 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #36207

Hi there!

I have used the following code in your custom CSS:

body.predefined-header2 .sp-megamenu-parent>li.active>a, body.predefined-header2 .sp-megamenu-parent>li>a:hover, body.predefined-header2 .sp-megamenu-parent>li>a:focus {
    color: #000;
}

Please check your site now:)

Best Regards

0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #32937

Hello there,

Please give a screenshot of the backend where you have changed the menu color.

Thanks!

0
NO
Nicole Otto
Accepted Answer
4 years ago #33101

Here are the color settings. https://snipboard.io/l41KQS.jpg

0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #33120

Hello there,

Please share your administrator access with us in the Hidden Content area so that we can check the issue from our end.

Thanks!

0
NO
Nicole Otto
Accepted Answer
4 years ago #33211

Information posted.

0
NO
Nicole Otto
Accepted Answer
4 years ago #34177

I am still waiting on assistance with this. The link that is live is getting lost on the menu.

0
NO
Nicole Otto
Accepted Answer
4 years ago #36104

Hello???? I have been waiting for some time for help with this.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #36117

Hello Nicole Pomeroy

You have used Custom CSS and this is why preset styles are not working. Either use Custom CSS or use from the template preset. Custom CSS will get the priority.

Screenshot at Sep 29 13-12-44.png

Best regards

0
NO
Nicole Otto
Accepted Answer
4 years ago #36170

I tried both and NEITHER is working. I NEED this to work. I need the text to be black not white in the menu.

0
NO
Nicole Otto
Accepted Answer
4 years ago #36208

Perfect @Rashida Rahman!! You are amazing!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #36209

You are always welcome:)

I have just added the following code now as per your scrolled menu modification request:

body.predefined-header2 header#sp-header.header-sticky .logo-image {
    height: 90px;
}
body.predefined-header2 header#sp-header.header-sticky .sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0px 8px;
}

If you don't like it you can remove!

Best Regards

0