[Support request] How to I remove the header widget but still keep the logo from mobile.

[Luis]

In my header I have a logo on the left and contact info on the right using a widget. How to I remove the widget containing the contact information from mobile while keeping the logo.

Also adding basic contact information in the mobile menu.

Thanks.

[Leo]

Hi there,

You can use this CSS to hide header widget on mobile:

@media (max-width: 768px) {
    .header-widget {
        display: none;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Luis]

That’s what I was looking for Thanks.I figured out a way to add a tel link to the mobile menu which required to enable mobile header. Problem is this disables the logo header. How can I add the logo back under mobile header.

Thanks.

[Leo]

You can either consider adding your current icon as the mobile header logo:
https://docs.generatepress.com/article/mobile-header/

Or this hook so you don’t need to activate mobile header:
https://docs.generatepress.com/article/generate_inside_mobile_menu/

[Author]

Posts