Archived topic
CSS to change Header Menu subitem appearance without affecting rest of the site
6 replies · Started by Emilio on February 8, 2023
Hi,
the main menu for my website is created directly on the Generate Press theme. I cant´find any options to customize the aspect of the menu subitems (the ones that appear when the user hoovers over the menu) in Appearance - Menus. The subítems names are all in capitals.
Is there a specific CSS code that I could add through Simple CSS to show the Header Menu subítems in normal text (just the first letter capitalized) without affecting or changing any other items or parts of the website? My concern is that, if we add CSS to change the Menu subitems, something will change somewhere else on the website without realizing it.
The footer Menu of the website is created with Elementor, which allows to control the aspect of the suitems. But I can´t find any option to control this under Generate Press for the main header menu, that´s why I am asking about the CSS option.
Thank you in advance for your help.
Attaching the name of the website as private
Hi there,
can you share the link, it did not show in the private info
The subitems in the top menu are all capitals. I would like them to look like the subitems in the footer menu, where only the first letter is capitalized. This is a short clip showing the difference between the subitems in both menus: https://share.getcloudapp.com/Apue0PjP
I am not a CSS expert, but my developer is warning me that adding any CSS code through Simple CSS to change the appearance of the menu subitems can have unknown consequences anywhere else on the website.
Thank you in advance.
Go to Customizer > Layout > Typography, in the Typography manager:
https://docs.generatepress.com/article/dynamic-typography-overview/#typography-manager
Look for the Primary Sub Menu Item element.
And there you can set its TEXT TRANSFORM to Capitalize
Hi David,
thank you, this was really helpful! I didn´t even know about the new Typography manager, so I hadn´t activated it and therefore these options were not available on my panel. Now I have, and I have been able to customize the Sub Menu Items per your instructions.
Thank you again, have a great day
Glad to be of help :)