Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 2, 2020 at 11:53 pm #1169211
    solomita

    Hello,

    I would like to change the font size in the secondary menu. It is much smaller and several members are having trouble seeing it (see the orange circle in link); Also please note the red rectangle had some font hovering over the menu items.

    Font Size

    • This topic was modified 5 years ago by solomita.
    January 3, 2020 at 8:39 am #1169253
    Vinay

    Hey solomita,

    Thank you for contacting us.

    You can edit the font size for the submenu items from
    Enfold options > Advanced styling > Main menu sublevel links > Font Size

    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    Let us know if you have any questions.

    Best regards,
    Vinay

    January 3, 2020 at 3:09 pm #1169339
    solomita

    Thank you. However, that is not the font size I am trying to change. I am trying to change the one above that which says:

    Contact Us Calendar Member Login Give back

    http://www.keremshalom.org

    January 3, 2020 at 3:13 pm #1169340
    Yigit

    Shalom!

    Please add following code to Quick CSS field in Enfold theme options > General Styling tab and adjust as needed

    .sub_menu li {
    font-size: 16px;
}

    Cheers!
    Yigit

    January 3, 2020 at 3:28 pm #1169346
    solomita

    Thank you – that size seems to only adjust the menu bar but not the actual font.

    January 3, 2020 at 3:44 pm #1169351
    Yigit

    Hi,

    Please try using the code as following

    .sub_menu li a {
    font-size: 14px!important;
}

    Best regards,
    Yigit

    January 27, 2020 at 9:07 pm #1178781
    dcshortwave

    Hi. the additional code worked on the secondary menu on the right, but the phone numbers on the left in the same bar are not affected. How do I enlarge that font size as well? Including a link to the site I’m working on for reference.
    Thank you so much!

    January 28, 2020 at 9:47 am #1178923
    Rikard

    Hi dcshortwave,

    Please try this CSS as well:

    .phone-info span {
  font-size: 14px; 
}

    Best regards,
    Rikard

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