Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 3, 2016 at 5:16 pm #642635
    kelsangchodor

    Hello,

    Please can you help with this mega menu problem?

    See this link:

    http://meditateinbrighton.com/wp-content/uploads/2016/linewrap.jpg

    How do I make the line wrap around without being hidden. Can you see my problem :) ?

    Also, is there any way I can do this (add un-clickable sub headings to the mega menu that do not have a bullet to the left of them):

    For example under “weekly classes”….:

    Classes In Brighton
    Beginner Classes (not clickable no bullet)
    > Monday evening session (clickable with bullet) etc…
    > Tuesdsay evening sessio
    > Wednesdy evening sesion
    Intermediate Classes
    > Monday evening session
    > Tuesday evening session

    Thanks so much for any help,

    Chris Skelton

    June 3, 2016 at 6:32 pm #642657
    Vinay

    Hey kelsangchodor,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    June 3, 2016 at 6:33 pm #642658
    kelsangchodor

    Hi,

    Yes, it’s http://www.meditateinbrighton.com

    Under “weekly classes” – but you might need to shrink the window a bit so that the line wrap occurs like i displayed in the image link above,

    Best wishes,

    Chris.

    June 3, 2016 at 6:38 pm #642659
    begrafiks

    Hi @kelsangchodor and @Vinay ;
    sorry to jump in.
    I would try to add this line into custom css or quick css :

    
#top .main_menu .menu li ul a{height:auto  !important;}
    June 3, 2016 at 7:57 pm #642686
    kelsangchodor

    That works! Thanks

    I wonder if you could help with the second part of my questions?

    It was:

    Is there any way I can add “un-clickable” sub headings to the mega menu that do not have a bullet to the left of them:

    For example under “weekly classes”….:

    Classes In Brighton (main menu heading)

    Beginner Classes (sub heading not clickable no bullet)
    > Monday evening session (clickable with bullet)
    > Tuesdsay evening sessio (clickable with bullet)
    > Wednesdy evening sesion (clickable with bullet)
    Intermediate Classes (sub heading not clickable no bullet)
    > Monday evening session (clickable with bullet)
    > Tuesday evening session (clickable with bullet)

    Thanks so much for any help,

    Chris Skelton

    June 6, 2016 at 5:28 am #643264
    Ismael

    Hi,

    Go to the Appearance > Menus panel then replace the menu item with a custom link. Add the hashtag symbol as URL. After that, go to the Screen Options then enable the CSS Classes field. Edit the custom menu item, add an optional custom css class attribute, “custom-menu-item” for example then add this in the Quick CSS field to remove the bullet points or list style:

    .custom-menu-item .avia-bullet {
    display: none !important;
}

    Best regards,
    Ismael

    June 6, 2016 at 6:15 am #643284
    kelsangchodor

    Hi Ismael,

    That works a treat!!! Thanks so much for your help. You guys are amazing! :)

    One final thing – the bullet still shows on mobile phone menu’s – how would I apply the above CSS to mobile phone menu?

    Thanks once again,

    Chris.

    June 7, 2016 at 5:16 am #643774
    Ismael

    Hi,

    Glad it is working. For the mobile menu, use this:

    .custom-menu-item a:before {
    display: none;
}

    Best regards,
    Ismael

    June 7, 2016 at 8:15 am #643854
    kelsangchodor

    Hello Ismael,

    That works – great!

    Just wanted to say a big THANK YOU for the great support you guys offer. Brilliant. It’s much appreciated.

    Best Wishes,

    Chris.

    June 7, 2016 at 6:37 pm #644278
    Vinay

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest :)
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold!

    Best regards,
    Vinay

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Help with hidden line wrap mega menu enfold’ is closed to new replies.