No logo on mobile + menu issue

  • Resolved bbl6

    (@bbl6)


    1 month ago

    Hi guys, I have 2 questions.

    1. For desktops, I’ve created a header with logo in the middle and 3 menu items on both sides. For this, I made a “menu right” and a “menu left” under Appearence>menus. Now, the default mobile version has 2 hamburger menus on both sides of the screen (obviously). What I want is 1 hamburger menu on the right with all the 6 menu items. The solution I thought of: create a 3rd menu under Appearence to be used on mobiles (if possible). What are you thoughts?
    2. The logo is not showing up on mobiles.

    I’m also using the Sticky header effects plugin.

    Thank you in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support bsfankusht

    (@iankusht)

    Hi @bbl6,

    1. Setting Up the Header for Desktop and Mobile:
      Yes, creating separate menus for desktop and mobile is a good approach. By setting up three different menus under Appearance > Menus. One for desktop and a dedicated one for mobile, you can ensure each display correctly across devices. Using Elementor’s responsive settings can help you control the header’s display on desktop and mobile. Here’s a short screencast that walks through the process: Screencast Link.

    2. Troubleshooting the Logo Display on Mobile:
      Without seeing your site, it’s a bit tricky to pinpoint why the logo isn’t showing, but here are some things to try:
      • SVG/Image Format Compatibility: If your logo is in SVG format, some mobile browsers may not display it properly. Converting it to a PNG or JPEG file can help test if the issue is format-related.
      • Cache or CDN Issues: If your site uses caching or a CDN, this might be causing display problems on mobile. Clearing your site cache and any CDN cache, then reloading the page, could fix it.
      • Responsive Display Settings in EHFB: Check the responsive display settings in the Elementor Header & Footer Builder plugin to ensure the logo is set to be visible on all screen sizes. Sometimes elements are accidentally hidden on certain devices.
      • Custom CSS Conflicts: If you’ve added custom CSS, it might be affecting the logo display. Look for code that targets .logo, img, or header sections on specific screen sizes, and try adjusting or removing it to see if it helps.

    Let us know if any of these steps help, or feel free to reach out if you need more assistance!


    Best Regards,
    Ankush ??

    • This reply was modified 4 weeks ago by bsfankusht.
    Plugin Support bsfankusht

    (@iankusht)

    @bbl6, It’s been a while since I posted my response, and we haven’t heard from you since then. I assume you have figured it out or have found a workaround.
    ?
    I am marking this thread as Resolved due to inactivity. Feel free to reply back to this thread if you still need any assistance or start a new thread if there’s anything else related to this plugin, we can help you with.
    ?
    Kind regards,
    Ankush???

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