Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 2, 2025 at 2:41 am #1483463
    bemodesign

    Hello, I need CSS for Font size and Color options for “Full page overlay menu” sub menu.

    They have a lot of SubMenus and I am trying to differentiate from main nav.

    Thanks

    https://championschoolssouthmountain.armourcloud.io/

    May 2, 2025 at 3:03 am #1483464
    bemodesign

    And the last menu item is the Address. Is there a way to just make that text size smaller? Thanks!

    May 2, 2025 at 3:58 am #1483465
    bemodesign

    I created this screenshot to help with what I need code for: https://img.savvyify.com/image/menu-color-and-size.9tVgz

    Thank you!

    May 2, 2025 at 8:18 pm #1483525
    bemodesign

    Please let me know on this when you can. thanks

    May 3, 2025 at 6:49 pm #1483554
    Mike

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

    #av-burger-menu-ul li.av-show-submenu > a > .avia-menu-text {
	color: blue;
}
#av-burger-menu-ul li.av-show-submenu > .sub-menu > li > a > .avia-menu-text {
	color: yellow;
}
.html_av-submenu-hidden #av-burger-menu-ul .av-submenu-indicator:before {
	color: yellow;
	font-size: 20px;
}
#top #wrap_all #av-burger-menu-ul .menu-item-2846 {
	font-size: 12px !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.

    Best regards,
    Mike

    May 9, 2025 at 7:41 pm #1483942
    bemodesign

    Ok great, but can you get me CSS for smaller Font size for all the “sub menu” items? (So the Main menu fonts size is larger and the Sub Menu is smaller.)

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