Hero image way too large on mobile - Savor theme

Store Design
2

Hi @smnrdesign

You can create another hero image section to use a different image for mobile. Then, add code to the Custom CSS of each section to hide the desktop section on mobile and vice versa.

Add this code to the Custom CSS of the desktop hero section.

@media (max-width: 749px) {
.hero__container { display: none; }
}

Add this code to Custom CSS of the mobile section.

@media (min-width: 750px) {
.hero__container { display: none; }
}