How do I change the font appearance on the menu for Layout 109?

 
1
0
-1

Hi,

I just changed my layout to 109. I want to change the font of menu items to Bold.

How to I access this section to edit the typeface?

Thank you,

John

    CommentAdd your comment...

    1 answer

    1.  
      1
      0
      -1

      Hi John, 

      The best way to adjust the font weight on your menu (specifically for Layout 109)  would be to add some custom CSS to target the id of headerMenu (use selector #headerMenu). 

      Note: this will affect all levels of your menu and may change the layout if you have included longer items in your menu. So if you have an item that is already long in your menu, the added font weight may exceed the space allowed for that item on the horizontal menu and force it to a second line. 

      As always, be careful when adding Custom CSS as one change may affect other items in unexpected ways! Contact support if you need more help with this issue.

      Be well!

      Harriet


      1. john ianniello

        Harriet,

        Thank you. I tried it and am barely experienced with code.

        But this is what I typed into CSS. Can you tell me where I went wrong?


        #customMenu {display:bold;}


        Thank you,

        John

      2. Harriet [RG]

        Hi John, 

        You need to look up the syntax in a CSS reference such as https://www.w3schools.com/css/default.asp

        That will tell you which property and associated values you need to address in the style rule. In this case, you would need to address the "font-weight" property of the #headerMenu rather than the "display" property. 


      CommentAdd your comment...