jasonp199 Posted January 6, 2022 Share Posted January 6, 2022 Site URL: https://www.onlyrural.co.uk/ Hi there! I have inserted css to rotate active menu items so they are upside down to create a subtle effect, but when I'm on any individual page in the drop down folder, all navigation links in the folder are rotated meaning they are all upside down and pretty unreadable. I would love this only to effect the active page within the folder. Even if the folder button itself (Projects) is upside down and then the single active page in that folder also, that'd be fine.. Hoping anyone can help.. Thanks! Here's the code I've entered: /* Nav item active transform */ .header-nav-item--active a { transform: rotateZ(180deg) !important; } Link to comment
tuanphan Posted January 8, 2022 Share Posted January 8, 2022 Don't remove above code. Add this under div.header-nav-item--folder.header-nav-item--active div a { transform: unset !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
jasonp199 Posted January 9, 2022 Author Share Posted January 9, 2022 Brilliant, thank you very much! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment