hi
im having issues with my header on my mobile view - on the desktop perfectly happy with it
on the mobile there is a massive gap between the header logo and the slideshow picture.
how do i reduce the margin size on the supply theme header only for the mobile view so there is no massive white gap ?
pls help !
my site is www.gameofpaws.com.au
thankyou in advance !
Please aad the following code at the bottom of your assets/theme.scss.liquid file.
@media screen and (max-width: 768px){
.header-logo{ margin: 0px !important; }
.site-header–text-links{ display: none !important; }
.template-index .main-content{ padding-top: 10px !important; }
}
Hope this works.
@shabby076 - add following css to the very end of your theme.scss.css file and check
@media screen and (max-widh:749px){
.header-logo {margin: 0px auto;}
.main-content {padding-top: 0;}
}