Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1053565

    Hi, I have added some custom code to my website so that the submenu is scrollable with no scroll bar, remaining functional in desktop mode. The codes, which was written with your help worked for a long time, until recently. I’ve deployed the same settings on both my websites, it’s working one, but not the other.

    @media only screen and (max-width: 580px) {
    .av-submenu-container ul {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    z-index:10000;
    }}

    ::-webkit-scrollbar {
    display: none;
    }

    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;
    left: 20px;
    bottom:20px;
    right: auto;
    z-index:10000;
    }}

    • This topic was modified 5 years, 11 months ago by vin8tan.
    #1054695

    Hey Avin,

    We haven’t changed something on our menu, so the CSS Should be working. Can you please check the Performance Settings?

    Best regards,
    Basilis

    #1054913

    Hey Bailis, thank you for the response, which aspects of the performance settings should I be looking out for?

    #1055615

    Hi vin8tan,

    What do you mean “the submenu is scrollable with no scroll bar”, I see no need to scroll the submenu on desktop, and the scroll top is kind of covered by the messenger popup window.
    Image 2019-01-18 at 19.19.58.png

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    #1056429

    Hi Victoria,

    I own both afa.org.sg and gayheath.sg. Both are using the same set of plugins, wordpress and themes, all updated to the current version. However, the website that has the issue is gayhealth.sg, the submenu are not clickable on desktop, but works on the mobile.
    The same codes and implementation are deployed at both website.

    #1057781

    Hi vin8tan,

    Thank you for clarifying.

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #top .av-submenu-container.av-sticky-submenu {
        z-index: 301;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1059077

    Thank you SOSO MUCH !!!!

    #1059186

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Submenu’ is closed to new replies.