-
AuthorPosts
-
June 21, 2021 at 8:57 am #1306678
Hi!
I have two problems using Enfold:
1. the logo is on almost all devices left aligned as it should be. Only on the customers iphone7 the logo is centered. Why is it like this and is there a solution to fix this?
2. i would like to have the active menu element to be a different color (green instead of white) than the normal (unhovered and inactive) status. I tried to change this in the enfold color settings, but it did not work – both for the primary and secondary menu. Any ideas?Thanks a lot :-)
Regards SvenJune 22, 2021 at 5:51 am #1306858Hi Sven,
1. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) { .responsive .logo img { max-height: 100% !important; max-width: 50% !important; } }
2. And this for the current page indicator:
nav.main_menu .current-menu-item .avia-menu-fx { background-color: green; }
Best regards,
RikardJune 24, 2021 at 2:53 pm #1307320Thank you Rikard!
“1” is working :-)
“2” is not working :-( Maybe my explanation was a bit unclear – i dont want to change the background, i want to change the textcolor.
Regards, Sven
June 25, 2021 at 11:28 am #1307422Hi Sven,
Thanks for the clarification. Please try this CSS instead for number 2:
nav.main_menu .current-menu-item .avia-menu-text { color: green; }
Best regards,
RikardJune 25, 2021 at 11:42 am #1307423Hello,
How can I create my own threat on this form?June 29, 2021 at 4:16 am #1307831Hi rmieniawski,
You can follow this link to open a new thread, or click this button: https://imgur.com/a/AnoSPNb.
Best regards,
RikardJune 29, 2021 at 5:35 pm #1307981Hi Rikard,
sorry but thats not yet the solution. If i insert the CSS every (!!) menu item from the secondary menu is green – not only the active one as i want it to be. The active menu item from the primary menu is still white, not green as wanted.
Maybe the problem is, that i use individual links (without link target) for the primary menu. Maybe you can have a look on the site – i shared the link with you on my first question.Thank you!
July 1, 2021 at 9:21 am #1308260Hi Sven,
Thanks for the update. Could you post login details in private, so that we can try to add it for you please? I tried the login details you posted previously, but they are not working:
Unbekannter Benutzername. Überprüfe ihn noch einmal oder versuche es mit deiner E-Mail-Adresse.
Best regards,
RikardJuly 1, 2021 at 9:25 am #1308262Hi again Sven,
You could try this CSS as well:
nav.main_menu .current_page_item .avia-menu-text { border-bottom: 2px solid green; }
Best regards,
RikardJuly 1, 2021 at 7:56 pm #1308396Hi Rikard,
login data in private content.The last CSS is working “a little” – the active menu item of the secondary menu is now underlined as expected. But from design aspect i want it not (!) to be underlined, but “simply” in green.
And in addition it would be nice to have the active primary menu item in green as well.Maybe i have a bit of a mess in the color section of enfold?
Thank you for having a look, regards Sven
July 3, 2021 at 5:22 am #1308551Hi Sven,
Thanks for the update. I’ve adjusted the CSS for you, please review your site. I tried finding a solution to target the parent as well, but I haven’t been able to find one unfortunately. If you want to try yourself, then here are some resources:
https://www.w3schools.com/cssref/css_selectors.asp
https://stackoverflow.com/questions/2717480/css-selector-for-first-element-with-classBest regards,
RikardJuly 8, 2021 at 9:36 am #1309220Hey Rikard, thank you. For the secondary menu items it is fine now :-)
But i am a bit disappointed that there is no solution for the primary menu. In my opinion the wanted behavior is something like “standard”… The old site (from the same customer) is made with enfold as well – see link in private data. And on the old site the wanted behavior is working. The difference is, that in this “old” site the primary menu items are separate pages – in the new site “only” links. Is this difference the key why it is not working?
Thanks, Sven
July 9, 2021 at 12:01 pm #1309364Hi,
You had set for the main menu items to be white under Enfold->Advanced Styling, and that was overriding my CSS. I’ve removed that setting for you, and added this CSS:
.av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a, .main_menu ul:first-child > li.active-parent-item > a { color: red !important; }
Best regards,
Rikard- This reply was modified 3 years, 5 months ago by Rikard.
July 9, 2021 at 12:28 pm #1309378Hi Rikard, thank you very much for your help – thats it. GREAT!
July 11, 2021 at 6:36 am #1309539Hi,
Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardJuly 11, 2021 at 11:25 am #1309563… thanks, you can close this thread :-)
July 12, 2021 at 4:24 am #1309649 -
AuthorPosts
- The topic ‘textcolor active menu (primary and secondary)’ is closed to new replies.