Magnin Template Menu Item Active Color - Question | JoomShaper

Magnin Template Menu Item Active Color

G

Gnostica

Template 1 year 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

0
19 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #93844

Hi

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

-Regards.

0
G
Gnostica
Accepted Answer
1 year ago #93845

Hi,

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

Thanks

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #93857

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.

0
G
Gnostica
Accepted Answer
1 year ago #93860

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,

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #94036

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

0
G
Gnostica
Accepted Answer
1 year ago #94058

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,

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #94191

Use this custom CSS

#sp-header.header-with-modal-menu a:active {
    color: #ff4e00 !important;
}
0
G
Gnostica
Accepted Answer
1 year ago #94194

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

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #94277

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

0
G
Gnostica
Accepted Answer
1 year ago #94303

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

0
G
Gnostica
Accepted Answer
1 year ago #94326

I set compile scss-css option too, but it also not worked.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #94427

Give me your super admin access please I need to check.

0
G
Gnostica
Accepted Answer
1 year ago #94446

Here is the admin access.

(And SP Page Builder is not updated the newest version, because if I update, home page slider and Simple Portfolio items crash - I made a topic for this problem, but I didn't get solution, your collegue said not update newer version of SPPB. So it would be great if we get an update to this template.)

Thanks

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #94592

It says login denied. I cant access your site. Please check.

0
G
Gnostica
Accepted Answer
1 year ago #94608

Try now please. I enabled your account.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #94807

Did you insert your CSS in your custom.css file? Please check again.

0
G
Gnostica
Accepted Answer
1 year ago #94819

Yes, I insert it, but nothing, active menu item stays white... I really don't understand, why not works?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #95025

Maybe it conflicts the CSS somewhere else.

0
G
Gnostica
Accepted Answer
1 year ago #95034

Yes, it's possible. But you made this template, not me, I'm just a user, and custom.css could be work. So I think support team could be solve this not so difficult problem. There is an opportunity to ask another support member to help me? Thanks

0