Archived topic
Gap between header and header widget
3 replies · Started by Manpreet on February 19, 2023
Viewing posts 1–4 of 4
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.
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;
}
}Can you also provide me with code to reduce the gap between primary navigation and the header widget on the mobile version.
I modified the code above. Can you try that instead?
This archived topic is closed to new replies.