[Resolved] Gap between header and header widget

[Manpreet]

I want to reduce the gap between the header (header logo) and header widget in the mobile version. I have reduced the bottom margin to 0px for the header. But still, there is a huge gap between the header logo and the header widget on the website https://www.animefirm.com/ when opening on mobile.

[Fernando]

Hello Manpreet,

Try adding this CSS:

@media (max-width: 768px){
    header.site-header .header-widget {
        margin-top: 0;
    }

    header.site-header .header-widget h6{
        margin-bottom: 0;
    }
}

[Manpreet]

Can you also provide me with code to reduce the gap between primary navigation and the header widget on the mobile version.

[Fernando]

I modified the code above. Can you try that instead?

[Author]

Posts