Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 14, 2019 at 8:09 am #1053565
    vin8tan

    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, 10 months ago by vin8tan.
    January 16, 2019 at 8:22 pm #1054695
    Basilis

    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

    January 17, 2019 at 10:26 am #1054913
    vin8tan

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

    January 18, 2019 at 7:20 pm #1055615
    Victoria

    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

    January 21, 2019 at 6:13 am #1056429
    vin8tan

    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.

    January 23, 2019 at 4:05 pm #1057781
    Victoria

    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

    January 26, 2019 at 10:10 am #1059077
    vin8tan

    Thank you SOSO MUCH !!!!

    January 26, 2019 at 5:11 pm #1059186
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

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