Ive decided to bin Maxmegamenu in favour of the Salient mega menu this time round and Im trying to add an a Picture to my 1st level mega menu and then underneath list some portfolio projects,
I want the Mega Menu to reduce slightly the size of the text based on the level within the menu, but there seems to be only one font size to set for the mega menu ?
Since you're using a third party plugin for the mega menu, I recommend reaching out to the plugin's support team as they are in a better position to assist with this.
Thank you for getting back to us and for the clarification.
To clarify, do you want to reduce the font size of all the sub menu items or do you only want to reduce the size of the sub menu items under the image?
Hi Andy . . . Basically all the pages linked under the 1st. submenu (with the image backgrounds) the Items "Access Control" "Automatic Gates" "Electrical" "EV Chargers" "Fire Detection" everything under these needs to be set at 0.9em
Im battling dropdown menus I cant inspect and css I cant get to work, Id appreciate some help please.
My apologies for the confusion, there were no extra instructions in the response.
To reduce the font size of the 2nd level menu items, add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
#header-outer .sf-menu li ul:not(.tracked-pos) li a {
font-size: 0.9em;
}
Ive decided to bin Maxmegamenu in favour of the Salient mega menu this time round and Im trying to add an a Picture to my 1st level mega menu and then underneath list some portfolio projects,
https://jasonr154.sg-host.com/
I want the Mega Menu to reduce slightly the size of the text based on the level within the menu, but there seems to be only one font size to set for the mega menu ?
Can you help please ?
Hi Jason,
Thank you for getting in touch.
Since you're using a third party plugin for the mega menu, I recommend reaching out to the plugin's support team as they are in a better position to assist with this.
We appreciate your understanding on this issue.
Thanks,
Sorry it might be my Northern terminologies but . . . "Ive decided to bin Maxmegamenu in favour of the Salient mega"
In General English parlance this means I decided not to use a third party plugin and opt for using the built in Salient Mega Menu . . .
Can you help now ?
I figured I could set the class "sub-menu" font size ?
I added :
.sf-menu .sub-menu {
font-size: 0.9em;
}
to my css but it didnt work any ideas ?
Anyone help on this ?
Hi Jason,
Thank you for getting back to us and for the clarification.
To clarify, do you want to reduce the font size of all the sub menu items or do you only want to reduce the size of the sub menu items under the image?
Try that and let us know how it goes.
Cheers,
Hi Andy . . . Basically all the pages linked under the 1st. submenu (with the image backgrounds) the Items "Access Control" "Automatic Gates" "Electrical" "EV Chargers" "Fire Detection" everything under these needs to be set at 0.9em
Im battling dropdown menus I cant inspect and css I cant get to work, Id appreciate some help please.
"Try that and let us know how it goes."
Sorry try what ? was there supposed to be some extra instructions to try ?
Hi Jason,
Thank you for getting back to us.
My apologies for the confusion, there were no extra instructions in the response.
To reduce the font size of the 2nd level menu items, add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Try this and let us know how it goes.
Thanks,
Cheers Andrew
Hi Jason,
Thank you for getting back to us.
I'm glad we could help.
Regards,