Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 10, 2024 at 5:41 pm #1429759
    Enfoldfanatic

    Hi Guys,

    On this page > https://kriesi.at/documentation/enfold/menu/#toggle-id-163 I found the code snippet to control that the Hamburger icon appearing earlier in case the text is crossing the logo on smaller viewports. The only downside of this snippet that somehow is hides / remove the search icon which is normally nicely displayed next to the hamburger menu. Can this snippet be adjusted to ensure that the search icon remains in place?

    Thanks and regards
    S

    January 11, 2024 at 8:34 am #1429785
    Ismael

    Hey Enfoldfanatic,

    Thank you for the inquiry.

    We made slight adjustments to the css code to make sure that the search icon remains visible alongside the burger menu icon.

    
/* Activate burger menu */
@media only screen and (max-width: 1224px) {
  #top #header .av-main-nav>li.menu-item {
    display: none !important;
  }

  #top #header .av-burger-menu-main,
  #top #header .menu-item-search-dropdown {
    cursor: pointer;
    display: block !important;
  }
}

    Best regards,
    Ismael

    January 11, 2024 at 10:14 am #1429799
    Enfoldfanatic

    Hi Ismael,

    Thanks for the updated snippet, however in our case the search icon is still disappearing. I will past the site URL in the private content section.

    Thanks and regards

    January 12, 2024 at 6:56 am #1429856
    Ismael

    Hi,

    Thank you for the update.

    Please make sure to place this css code:

    #top #header .av-main-nav > .av-burger-menu-main, #top #header .av-main-nav > .menu-item-search-dropdown {
    cursor: pointer;
    display: block!important;
}

    .. after this code:

    #top #header .av-main-nav > li.menu-item {
    display: none!important;
}

    You may need to purge the cache after applying the modification, or disable the compression settings temporarily.

    Best regards,
    Ismael

    January 12, 2024 at 9:07 am #1429870
    Enfoldfanatic

    Hi Ismael,

    So the full snippet to paste in the Quick CSS should be the set below? I have updated the but without the desired effect.

    /* Activate burger menu */
    @media only screen and (max-width: 1224px) {
    #top #header .av-main-nav>li.menu-item {
    display: none !important;
    }

    #top #header .av-main-nav > .av-burger-menu-main, #top #header .av-main-nav > .menu-item-search-dropdown {
    cursor: pointer;
    display: block!important;
    }

    #top #header .av-burger-menu-main,
    #top #header .menu-item-search-dropdown {
    cursor: pointer;
    display: block !important;
    }
    }

    Kind Regards

    January 12, 2024 at 2:23 pm #1429901
    Ismael

    Hi,

    Have you tried disabling the compression and cache plugin temporarily? It’s possible that the site is still loading the older version of the stylesheets without the recent modification. If the issue persists after disabling the plugins, please provide the login details in the private field so that we can test the modification.

    Thank you for your patience.

    Best regards,
    Ismael

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