-
Posts
-
Hi,
I have a 3 questions about using a secondary menu in a Widget Area:
Q1. I have a custom menu with 5 top level headings, each with 5 sub headings. When displayed in a Widget the top level headings are not bold. How do I make them bold so they are easily seen as top level?
This is what I have:Example Menu
Example Sub Menu 1
Item 1
Item 2
Item 3
Example Sub Menu 2
Item 1
Item 2
Item 3This is what I need:
Example Menu
Example Sub Menu 1
Item 1
Item 2
Item 3
Example Sub Menu 2
Item 1
Item 2
Item 3(of course the sub items are indented, but not sure how to do that in this post)
Q2. How can I change the spacing between the menu items?
Q3. How can I remove the lines between the menu items?
As always, thank you for your support.
Hi @Heatcliffe;
These lines may help you ;/*FIRST LEVEL BOLD - NO BORDERS*/ #top .widget_nav_menu a{font-weight: 600 !important; border: none !important;} /*SECOND LEVEL NON-BOLD - NO BORDERS - LESS SPACING UP AND DOWN*/ #top .widget_nav_menu ul ul li a{font-weight: normal !important; padding: 1px 0px 1px 12px; border: none !important;} #top .widget_nav_menu ul ul li:before {top: 0px !important;}Hi @Heathcliffe,
Did @begrafiks suggestion help you? If not then please link to the site in question an we’ll have a closer look.
Best regards,
Rikard@begrafiks, thank you for the suggestion.
This had made a difference thank you. I actually have a top level heading otherwise the others are not indented, so in the above, Example Menu is actually my First Level, but I was able to see that adding ul to your first part and another ul to the second part worked and I now have Bold where I need bold.
However, I now have a strange dot above the first character of level 2 and level 3 menu items?
Is it possible to highlight the menu item for the page you are actually on?*my site is not live at the moment.
Thanks again.
Hey!
The current menu item should be highlighted by default. If not, try this:
.main_color .widget_nav_menu ul:first-child>.current-menu-item, .main_color .widget_nav_menu ul:first-child>.current_page_item { background-color: red; }Regarding the “dot”, please provide a screenshot on imgur or dropbox.
Regards,
IsmaelHi,
The current menu item did show the current page highlighted before the above custom CSS changes.
I just want a menu down the right side of my page showing the menu structure, and using the same colour scheme as that set in the General Stylings.
Not sure why it does not default this way. However, I do appreciate the help guys.I have created an admin account if you please take a look for me? You’ll be able to see the dots too then (which only show as part of the custom CSS)
Many thanks,
HHey!
Remove the dots with this:
#top .widget_nav_menu ul ul li:before { content: ""; }For the current page item, use this:
#top .content .widget_nav_menu .current_page_item a { color: purple; }By subheadings, you mean the menu item “Stress Management”, “Resilience & Change” etc? You can try this:
#top .widget_nav_menu ul a { font-weight: normal !important; border: none !important; }Regards,
IsmaelThanks @Ismael,
I got there in the end. Well almost I guess. The sub headings are all in purple if you select the heading.
Do requests like this ever filter back into development? i.e. Does anyone look at issues like these and think, we should really make the side menu work like the main menu?
Recently I had to search how to open the hyperlink on a testimonial in a new window because there is no way of doing so. Do these sort of things go into development or do you rely on customers shouting and submitting feature requests?
Thank you for your continued support.
H
- You must be logged in to reply to this topic.