How to I remove the header widget but still keep the logo from mobile.

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 :)

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.

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/