Hi, is there a way to reduce the gap between logo and hero text just on mobile? Pic below
Url: infinibuddy.myshopify.com
Pass: ecog
You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of style.css file.
@media only screen and (max-width: 480px) {
.image-with-text-overlay .mobile-text--below-media .caption{margin-top:0 !important;}
.image-with-text-overlay .mobile-text--below-media.has-border .caption-content{
padding-top:10px !important;
}
}
1 Like
@NerdCurator It worked!!! Thank you so much for taking the time to help me!! 
@Acid2Rain Glad I could help you. Let us know if you need any more help with your store.
1 Like
Thank you!!! Will do!