[Support request] Off canvas menu change since GP update to v 3

Home Forums Support [Support request] Off canvas menu change since GP update to v 3

Home Forums Support Off canvas menu change since GP update to v 3

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1546218
    Ben

    Hi,
    I’ve noticed that prior to GP update I had to click on an off canvas menu item with sub menu to reveal the sub menu, but since GP3 it drops down on hover. post GP3 the menu area is opening but sub menu is not actually displayed until clicked on.

    I use the following css to animate the sub menu, but with new GP its not workign as it was before.

    /* animating the menu */
    #generate-slideout-menu.main-navigation ul ul.sub-menu.toggled-on {
    transition: all 1s ease;
    transform: translateY(0);
    border: 1px solid #333;
    background-color: rgba(255,255,255,0.1);
    }
    #generate-slideout-menu.main-navigation ul ul.sub-menu {
    display: block !important;
    transform: translateY(-40px);
    left: 10% !important;
    width: 80% !important;
    }

    Any ideas on how to get the sub menu to slide into view on GP v3 ?

    Examples given in private info below

    #1546698
    Leo
    Staff
    Customer Support

    Hi there,

    That’s strange. Version 3.0 is a theme version so it should not change anything in the off canvas panel as that’s a premium option.

    Any chance you can disable all plugins except GP Premium to eliminate conflicts from other plugins first?

    Let me know ๐Ÿ™‚

    #1546760
    Ben

    I’ve found the culprit
    New GP3 has this in /themes/generatepress/assets/css/style.min.css

    .main-navigation:not(.toggled) ul li.sfHover>ul, .main-navigation:not(.toggled) ul li:hover>ul {
    left: auto;
    opacity: 1;
    transition-delay: 150ms;
    pointer-events: auto;
    height: auto;
    overflow: visible;
    }

    The old file was /themes/generatepress/style.min.css and did not have this, specifically the “height: auto;” was breaking it.

    I’ve manage to hack this by adding
    .main-navigation:not(.toggled) ul li:hover>ul {
    height: 1px;
    }
    to child style sheet, to set the height to a min value to avoid the gap being shown on hover. So fixed for now.

    Not sure if it will affect others.

    Ben

    #1546866
    Leo
    Staff
    Customer Support

    Thanks for reporting back!

    I’ll try to replicate this issue on my end and report back as well ๐Ÿ™‚

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