Okay
  Public Ticket #3786006
Changing the Mega Menu font size for 2nd level items
Open

Comments

  •  26
    UK-Designer-Guy started the conversation

    Ive decided to bin Maxmegamenu in favour of the Salient mega menu this time round and Im trying to add an a Picture to my 1st level mega menu and then underneath list some portfolio projects,

    https://jasonr154.sg-host.com/

    I want the Mega Menu to reduce slightly the size of the text based on the level within the menu, but there seems to be only one font size to set for the mega menu ?

    Can you help please ?

  •  3,001
    Andrew replied

    Hi Jason,

    Thank you for getting in touch.

    Since you're using a third party plugin for the mega menu, I recommend reaching out to the plugin's support team as they are in a better position to assist with this.

    We appreciate your understanding on this issue.

    Thanks,

  •  26
    UK-Designer-Guy replied

    Sorry it might be my Northern terminologies but . . . "Ive decided to bin Maxmegamenu in favour of the Salient mega"

    In General English parlance this means I decided not to use a third party plugin and opt for using the built in Salient Mega Menu . . .

    Can you help now ?

    I figured I could set the class "sub-menu" font size ?

    I added  :

    .sf-menu .sub-menu { 
        font-size: 0.9em;
    }

    to my css but it didnt work any ideas ?

  •  26
    UK-Designer-Guy replied

    Anyone help on this ?

  •  3,001
    Andrew replied

    Hi Jason,

    Thank you for getting back to us and for the clarification.

    To clarify, do you want to reduce the font size of all the sub menu items or do you only want to reduce the size of the sub menu items under the image?

    Try that and let us know how it goes.

    Cheers,

     

  •  26
    UK-Designer-Guy replied

    Hi Andy  . . . Basically all the pages linked under the 1st. submenu (with the image backgrounds) the Items "Access Control" "Automatic Gates" "Electrical" "EV Chargers" "Fire Detection" everything under these needs to be set at 0.9em

    Im battling dropdown menus I cant inspect and css I cant get to work, Id appreciate some help please.

  •  26
    UK-Designer-Guy replied

    "Try that and let us know how it goes." 

    Sorry try what ? was there supposed to be some extra instructions to try ?

  •  3,001
    Andrew replied

    Hi Jason,

    Thank you for getting back to us.

    My apologies for the confusion, there were no extra instructions in the response. 

    To reduce the font size of the 2nd level menu items, 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 .sf-menu li ul:not(.tracked-pos) li a {
        font-size: 0.9em;
    }

    Try this and let us know how it goes.

    Thanks,

  •  26
    UK-Designer-Guy replied

    Cheers Andrew

  •  3,001
    Andrew replied

    Hi Jason,

    Thank you for getting back to us.

    I'm glad we could help. 

    Regards,