Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 28, 2017 at 7:27 am #752748
    ChristineB159

    Hi there at support

    Please would you take a look at the image in the private content.

    It shows the megamenu in the Enfold default demo.
    Main menu items are 13px
    Sub-menu items are 12px

    So far I’ve been unable to style submenu items differently from main menus items — even with code suggestions from Jordan in #751714.This image proves it is possible!

    Please could you tell me exactly how the demo system is achieving it.
    Many thanks.

    March 3, 2017 at 6:54 pm #755271
    Andy

    Hey Frances,

    use this code inside Quick CSS field:

    #top #header .avia_mega_div > .sub-menu > li > ul > li
a {
font-size: 10px;
}

    Please refer to a link instead of #12345.

    Best regards,
    Andy

    March 5, 2017 at 11:14 am #755888
    ChristineB159

    Hi Andy

    Thanks for the code – sadly, it doesn’t work.

    It’s the last code in the Quick CSS field so I know it’s not being trumped. I also tried adding !important but that made no difference.

    It still seems I can style the submenu titles, but not the items. They remain styled the same as the top menu items

    Would adding a css class in the megamenu menu do anything?

    Many thanks

    March 7, 2017 at 6:04 pm #757156
    Andy

    Hi,

    link you’ve provided does not work. Can you check please?

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

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