Mobile menu invisible Elementor Hello theme

  • Hi, all. When viewed on a mobile the drop-down ‘burger’ menu is invisible. It is there on desktop, however.

    I was hoping it might be a font issue, but I’ve tried numerous system fonts and its still not working.

    Any help would be very much appreciated.

    Thanks,

    Paul

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Same issue. I’ve tried adjusting the CSS and it just doesn’t apply the settings when viewing on Chrome iPhone.
    The CSS I’ve tried…

    .site-navigation-toggle-holder .site-navigation-toggle {
	color: #000 !important;
	background-color: rgba(255, 255, 255) !important;
	font-size: 40px !important;
}
.site-header .site-navigation-toggle i {
	color: #000 !important;
	background-color: rgba(255, 255, 255) !important;
}
.eicon-menu-bar:before {
	color: #000 !important;
	background-color: rgba(255, 255, 255) !important;
}
.site-navigation-toggle-holder.elementor-active .site-navigation-toggle i {
	color: #000 !important;
	background-color: rgba(255, 255, 255) !important;
}
[class*=' eicon-'],
[class^='eicon'] {
	color: #000 !important;
	background-color: rgba(255, 255, 255) !important;
}

    Hey,

    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

    elieobeid7

    (@elieobeid7)

    The answer given by @jannisl is the correct answer, but the location of the setting has changed

    Elementor > Settings > then click on “Features” tab.

    Then “Inactivate” (Disable this option “Inline Font Icons”

    Hi, I have a similar issue after “hello Elementor” activation the Menu is not workingi In Mobile, I try it in different devices and browser Fox and Chrome. already disable this option “Inline Font Icons” without results. What i’m wondering is when I clear the browser cache I can see the menu just some seconds the disappear again (can be reproduced only on mobile chrome browser on Firefox cant see nothing – Samsung 1 year old device). Any Idea, thxs

    wp version: 6.6.1
    wp-active-theme

    name: Hello Elementor (hello-elementor)
    version: 3.1.1
    author: Elementor Team
    author_website: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, menus, post-thumbnails, automatic-feed-links, title-tag, html5, custom-logo, editor-style, align-wide, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider
    theme_path: /mnt/web607/a0/72/512070372/htdocs/STRATO-apps/wordpress_01/app/wp-content/themes/hello-elementor
    auto_update: Disabled wp-themes-inactive (2)

    Twenty Twenty-Four: version: 1.2, author: the WordPress team, Auto-updates disabled
    Twenty Twenty-Three: version: 1.5, author: the WordPress team, Auto-updates disabled

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