Home › Forums › Support › CSS to change Header Menu subitem appearance without affecting rest of the site
- This topic has 6 replies, 2 voices, and was last updated 3 years, 3 months ago by
David.
-
AuthorPosts
-
February 8, 2023 at 5:45 am #2525789
Emilio
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.
February 8, 2023 at 5:48 am #2525792Emilio
Attaching the name of the website as private
February 8, 2023 at 6:00 am #2525809David
StaffCustomer SupportHi there,
can you share the link, it did not show in the private info
February 8, 2023 at 6:12 am #2525831Emilio
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.
February 8, 2023 at 6:57 am #2525875David
StaffCustomer SupportGo to Customizer > Layout > Typography, in the Typography manager:
https://docs.generatepress.com/article/dynamic-typography-overview/#typography-manager
Look for the
Primary Sub Menu Itemelement.
And there you can set itsTEXT TRANSFORMtoCapitalizeFebruary 8, 2023 at 7:51 am #2526094Emilio
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
February 8, 2023 at 9:01 am #2526174David
StaffCustomer SupportGlad to be of help 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.