Site logo

[Resolved] CSS to change Header Menu subitem appearance without affecting rest of the site

Home Forums Support [Resolved] CSS to change Header Menu subitem appearance without affecting rest of the site

Home Forums Support CSS to change Header Menu subitem appearance without affecting rest of the site

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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.

    #2525792
    Emilio

    Attaching the name of the website as private

    #2525809
    David
    Staff
    Customer Support

    Hi there,

    can you share the link, it did not show in the private info

    #2525831
    Emilio

    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.

    #2525875
    David
    Staff
    Customer Support

    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

    #2526094
    Emilio

    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

    #2526174
    David
    Staff
    Customer Support

    Glad to be of help 🙂

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.