Viewing 5 posts - 1 through 5 (of 5 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

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