Icon menu structure desktop view vs.mobile view

itsmeclausi

Hello everyone,

in the mobile view, an icon is automatically added to the menu structure, so there are 2 icons in the mobile view to open the menu.

This is a bit confusing from the UX point of view.

That's why I would like one icon to disappear in the mobile view.

Do you have solutions for me?

Thanks and best regards,

Anna

Pablo

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

itsmeclausi

Hi Pablo,

this is the Website I refer to: https://loesch.de/

Thanks,

Anna

Pablo

Please use this CSS code to prevent that behavior:

.menu-item span{
  white-space: nowrap !important;
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

itsmeclausi

Hi Pablo,

you mean that I insert the CSS code into the Betheme Child: Stylesheet (style.css)?

Pablo

You can insert it there, or in the Theme Options > Custom CSS & JS > CSS

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

itsmeclausi

Thank you!!!

itsmeclausi

Hello again,

unfortunately it did not work. Do you have another suggestion?

Pablo

I see that one of the icons has very weird class, which is surely not coming from the theme.

Can you disable all of the plugins, clear the cache of the browser and check, if the issue still exists?

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next