How can I remove padding on mobile view sections?

Evening All,

By anychance, does anyone know how i can remove the Padding (Highlighted Green) from my Homepage, but on Mobile View only?

Thank you in advance!

hi @TOL1
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

@media(max-width: 767px){
.image-hero {
padding: 0!Important;
}
}

Hi ExpertRookie,

Thank you for the suggestion, unfortunately it didn’t work though :slightly_frowning_face:

Hi @TOL1
Can you share your store url?

trunksoflondon.com, the store password is abc123. Thanks again!

Hi @TOL1
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

@media(max-width: 719px){
#shopify-section-template--16017275420834__16558445044f80743b .image-hero {
padding: 0!Important;
}
}