Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1434438

    Hi!
    For the mobile version of this website https://www.centroflorentia.it, I would like to have each first item of the row of the main menu (the words: occhi, mente, ossa, pelle) in a bold style to make the menu look readable.

    What kind of css code may I use?
    I’ve tried but I didn’t succeed.

    Could you please help me?

    Thank you!

    Laura

    #1434459

    Hey opificioilgranello,

    Thank you for the inquiry.

    You can add this css code to target the first items in the submenu and adjust their style.

    #av-burger-menu-ul li .sub-menu > .av-width-submenu > a {
        font-weight: 600;
        color: red !important;
    }
    

    Best regards,
    Ismael

    #1434493

    Perfect! 💙
    Thank you so much!

    Laura

    #1434519

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1435257
    This reply has been marked as private.
    #1435379

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul > .av-active-burger-items > a {
        font-weight: 900;
        color: red !important;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.
    Please see the screenshot in the Private Content area of the expected results.

    Best regards,
    Mike

    #1435630

    Thank you Mike!!! 💙 It works :D

    Laura

    #1435640

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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