-
Posts
-
Hi there,
I have made a site with a horizontal main menu. My submenu pages are publishes in the left sidebar.
How can I make the active in the main menu (e.g. Tuuf’s World) bold when I visit any of the subpages of this particular main menu item (e.g. Tuuf’s Never Out of Stock).
You can see the site at http://eurokids.tichie.nl. Password = Koffie01.
I hope anyone out there can help me with this.Kind regards,
JannekeHey tichie!
When I viewed any of your Tuuf’s world sub pages the Tuff’s world link in your main menu is still highlighted so I’m not sure I understand. Can you take a screenshot and highlight what your trying to do?
Regards,
ElliottHi Elliott,
Yes, I managed to find the solution for this earlier. My question now is how I can make the letters of main menu link (that indeed is hightlighted) bold. when active.
Kind regards,
JannekeHey!
You can use this CSS.
.current-menu-ancestor .avia-menu-text, .current-menu-item .avia-menu-text { font-weight: bold !important; }But I don’t think the font your using there has a bold version, https://www.google.com/fonts#UsePlace:use/Collection:Nixie+One.
Best regards,
ElliottHi Elliot,
Thank you for helping me out. Now a new question arises. Do you know which one of the 64 fonts Enfold default offers for the main navigation has a bold version in it. Or is there a way for me to find this out?
Kind regards from Amsterdam,
JannekeHi!
I am not 100% sure but all of them should have bold versions. Which one would you like to use? You can simply go to Enfold theme options > Advanced Styling and edit menu links and try font families
Regards,
YigitHi Yigit,
Well, the one I used earlier, the Nixie One, is an Enfold default font for the main navigation, and the one I am using now, the JosefinSans, is another Enfold default main navigation font. Both fonts did not show up as bold when active using the above given css code.
Kind regards,
JannekeHi!
I believe you are not noticing because difference is not huge. Default font weight for main menu is 600 = bold. Please take a look at the screenshots to see the difference between normal weight and bold – http://imgur.com/a/kICac
Cheers!
YigitHi Yigit,
Now I am confused. On my PC’s, tablets and browsers I never see the letter of the active change to bold, not even a little bit. I made a testpage at http://eurokids.tichie.nl/test/ where you see that there is no difference in boldness in active and passive mode, not even a little bit.
Also I wonder: where has your line under the word ‘Weise’ in your active mode gone?
Kind regards,
JannekeHi!
Now i got it, you would like to display all menu items in normal weight and active one in bold. Please add following code to Quick CSS as well
.av-main-nav > li > a { font-weight: normal; }Cheers!
YigitHi Yigit,
Oh dear, I am still a beginner at CSS. Can you please give me the complete code I need to add. I dont’t know where to add the code you just menioned.
Kind regards,
JannekeHey!
You should add the code right below the code Elliott posted here – https://kriesi.at/support/topic/main-menu-showing-active-when-visiting-subpages-made-with-sidebar-menu-widget/#post-429800 in Enfold theme options > General Styling tab > Quick CSS field :)
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS fieldCheers!
YigitHi Yigit,
No need, it is working!! Thanx imensely. Now I have many more options to customize my main menu which is absolutely great!
I Love Enfold!
Greetz,
A Happy Janneke
- The topic ‘Main menu showing active/bold when visiting subpages’ is closed to new replies.