Site logo

[Resolved] Gap between header and header widget

Home Forums Support [Resolved] Gap between header and header widget

Home Forums Support Gap between header and header widget

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2539332
    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.

    #2539355
    Fernando
    Customer Support

    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;
        }
    }
    #2539368
    Manpreet

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

    #2539375
    Fernando
    Customer Support

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.