Hello Elementor: header-footer.min.css ā€“ HAMBURGER ICON HIDDEN

  • Iā€™m trying to fix this issue where the hamburger icon has a place folder (drop down menu works) but the hamburger icon wonā€™t show. The problem is only on the mobile phone.

    Hello Elementor: header-footer.min.css .site-navigation{display:none!important}}@media (min-width:768px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media (min-width:576px) and (max-width:767px){.site-header.menu-dropdown-mobile:not(.menu-layout-dropdown) .site-navigation{display:none!important}}@media (min-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}}@media (max-width:992px){.site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation{display:none!important}}.site-header.menu-dropdown-none:not(.menu-layout-dropdown) .site-navigation-toggle-holder{display:none!important}

    Hello Elementor is a free theme with limited places to make changes. I see in the Theme File Editor that it says site-navigation{display:none!important}}

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter John Snell

    (@visioncapital)

    I found this answer in another post that worked for me.

    I had the same problem. The solution that helped me is to deactivate inline font icons under Elementor > Settings > Experiments > Inline Font Icons.

    Best regards

    Thread Starter John Snell

    (@visioncapital)

    I spoke to soon. It corrected a few of the pages, but the Login and Logout pages still do not show the hamburger icon. The placeholder is barely visible.

    I tried adding this code below from another thread and that didn’t change anything.

    I’m using the “Ultimate Member” plugin

    /* MOBILE NAV HAMBURGER FIX */
    .site-navigation-toggle i:before {
    content: ā€œ\f0c9ā€ !important;
    font-family: ā€œFont Awesome 5 Freeā€;
    font-weight: 900;
    font-size: 22px;
    font-style: normal;
    }
    .site-navigation-toggle-holder.show.elementor-active .site-navigation- toggle i:before {
    content: ā€œ\f00dā€ !important;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hello Elementor: header-footer.min.css ā€“ HAMBURGER ICON HIDDEN’ is closed to new replies.