In the Salient options panel, neither 'Navigation font size' nor 'navigation dropdown fonts size' configure the font size for parent categories in my dropdown menu (Music, Poetry, Translation in the attached photo).
What class are those elements? Is there an option in the Salient options panel to configure those, or how would I configure that with custom CSS?
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 nav>ul>.megamenu ul li {
text-align: center;
}
What's the difference between adding custom CSS to the Salient Theme Options panel versus adding it via Appearance -> Customize Additional CSS? It works for the former as you recommended, but not for the latter.
The custom code section on salient options is provided as a feature in Salient, however, even if you add from customize I believe the results would still be the same as they work for the same purpose.
Please feel free to contact us in case of any other queries.
In the Salient options panel, neither 'Navigation font size' nor 'navigation dropdown fonts size' configure the font size for parent categories in my dropdown menu (Music, Poetry, Translation in the attached photo).
What class are those elements? Is there an option in the Salient options panel to configure those, or how would I configure that with custom CSS?
Thanks!
Attached files: dropdown .png
Hello there,
Thank you for reaching out to us.
To look into this for you, could you please share your site URL so we can look into this for you?
We look forward to your reply.
Kind regards,
Certainly -
https://bbben.org/
I think I found the option I was looking for - in the Salient Menu item options accessible from Appearance -> Menu.
But a further question I can't figure out - how could I center align my dropdown menu item text (for each individual page link)?
I tried adding a CSS class to each menu item & adding custom CSS to the webpage to align that class - but didn't succeed in accomplishing it.
Hello there,
Thank you for getting back to us.
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 nav>ul>.megamenu ul li { text-align: center; }Try that and let us know how it goes.
Thanks,
That did it - thanks.
What's the difference between adding custom CSS to the Salient Theme Options panel versus adding it via Appearance -> Customize Additional CSS? It works for the former as you recommended, but not for the latter.
Hi there,
Thanks for writing back.
The custom code section on salient options is provided as a feature in Salient, however, even if you add from customize I believe the results would still be the same as they work for the same purpose.
Please feel free to contact us in case of any other queries.
Appreciate you!
Hi there,
You're welcome.
Please feel free to write to us in case of any other queries, we'll be happy to help.
Best Regards.