Awaiting an answer Templates

Magnin template menu item active color

Asked by Gnostica 3 years ago Last activity 3 years ago

Hi,

Please help me how could I set the color of active menu item in Magnin template?
I tried to set in presets in template settings, but it not works. I added in custom css but nothing happened. Please help me in this modal menu type what code change the active color of the menu items?

Thanks, regards

19 replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue?

-Regards.

Gnostica Asked this

Hi,

I would like to set the header menu items color to orange, if it's active (the same color as hover now)

Thanks

Mehtaz Afsana Borsha Staff

Hi

Use this custom CSS

#sp-header.header-with-modal-menu a {
    color: #ff4e00 !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Gnostica Asked this

Hi,

With this code all menu items get orange color. I would like to add this color just for hover and active menu items.

Thanks, regards,

Mehtaz Afsana Borsha Staff

But in my end it is already orange color on hover .

Gnostica Asked this

Sorry, but why not understand me? Yes, the menu items color is white. It's correct. Hover color is orange. I would like to set that when I click on one menu item it stays orange - this is the active color, not?
I set this in template preset 2 options, but not work, it stays white.

If you don't understand my question please ask one of your collegues to help.
Thank you very much,
best regards,

Mehtaz Afsana Borsha Staff

Use this custom CSS

#sp-header.header-with-modal-menu a:active {
    color: #ff4e00 !important;
}
Gnostica Asked this

I tried this code more times, but doesn't work. It should be work, so I don't understand what the problem is.

Mehtaz Afsana Borsha Staff

Did you insert this CSS in your custom.css file?

Gnostica Asked this

Yes, first I inserted just in the template options custom css block, then I inserted in custom.css file too, but not works. :(

Log in to reply.