Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 2, 2015 at 7:58 am #528274
    venkidesigner

    I am trying to add things on my drop down on the homepage, due to a lot of submenus the dropdown menu is larger than the first fold and it’s not scrollable at all. Basically the content gets hidden for 3-4 categories. Help?

    November 2, 2015 at 1:32 pm #528451
    Yigit

    Hey venkidesigner!

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

    .main_menu .menu ul {
height: 500px;
overflow: hidden;
overflow-y: scroll;
}

    Cheers!
    Yigit

    November 18, 2015 at 8:39 am #537866
    venkidesigner

    I added the CSS snippet and the problem is fixed partially, but the as soon as I try to to go the scrollbar the dropdown dissapears and it messes the user experience as it gets irritating after a while. You can check it over this link in private data below, on the main navigation bar. Try to hover over Case Studies, you’ll understand.

    Please tell me How I can fix that?

    • This reply was modified 8 years, 5 months ago by venkidesigner.
    November 18, 2015 at 1:43 pm #538062
    Yigit

    Hi!

    This is how it looks like on my end [screenshot in private content field below].
    I am able to scroll on the menu item without issue. Which browser and OS are you using?

    Cheers!
    Yigit

    November 19, 2015 at 5:37 am #538717
    venkidesigner

    It looks like this on my end on a Windows 10 laptop using Chrome Browser or Firefox.

    Is there a way to remove the scrollbar and still allow scrolling?

    Here is the screenshot.

    November 19, 2015 at 5:31 pm #539106
    venkidesigner

    Hey any update?

    November 20, 2015 at 5:47 pm #539814
    Yigit

    Hi!

    I will ask my teammates to check your website on Windows 10. Please kindly wait to hear from them.

    Cheers!
    Yigit

    November 20, 2015 at 6:05 pm #539837
    Elliott

    Hi!

    That’s pretty cool. It’s working fine on my end. I don’t think there is a way to hide the scrollbar without disabling scrolling.

    Best regards,
    Elliott

    October 22, 2017 at 6:52 pm #867262
    yusufhassim

    This partially fixes my problem too. It enables scrolling perfectly fine, but the sub-menus disappear entirely.
    ie; each item on the drop down further has items under it that drop down upon hovering but doesnt show up when i enter the css code above.

    October 23, 2017 at 5:48 am #867451
    Rikard

    Hi yusufhassim,

    This thread is almost two years old so it’s likely a bit dated, if you should need further help with your problem then please try to explain a bit further and post a link to your site.

    Best regards,
    Rikard

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