Icon menu structure desktop view vs.mobile view

itsmeclausi · August 2020

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 · August 2020

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

itsmeclausi · August 2020

Hi Pablo,

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

Thanks,

Anna

Pablo · August 2020

Please use this CSS code to prevent that behavior:

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

thanks

itsmeclausi · August 2020

Hi Pablo,

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

Pablo · August 2020

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

Thanks

itsmeclausi · August 2020

Thank you!!!

itsmeclausi · September 2020

Hello again,

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

Pablo · September 2020

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

Icon menu structure desktop view vs.mobile view

Comments