New Shopify Certification now available: Liquid Storefronts for Theme Developers

Dawn theme slide show mobile response

Alexa_RN
Excursionist
13 0 4

I recently became a Shopify member selling on the platform. Don’t have experience with website development however, through watching YouTube videos and other things I have a basic knowledge. Recently have been using Dawn theme to launch store. Had issues with large images optimization on desktop view (fine in mobile view), figured out how to resize images which are now sufficient for desktop view however, Mobile responsiveness now displays differently and maligned. Any help would be appreciated.

Replies 4 (4)
Dan-From-Ryviu
Shopify Partner
5626 1036 1064

Hi @Alexa_RN 

Could you share your store link?

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Alexa_RN
Excursionist
13 0 4

Hi! 

suxqsou.com

Dan-From-Ryviu
Shopify Partner
5626 1036 1064

Hi @Alexa_RN 

Go to Online store > Themes > Edit code > open base.css file, add this code at the bottom and save file

@media screen and (min-width: 750px) {
.banner--small:not(.banner--adapt) { min-height: 72rem !important; }
}

 

 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Alexa_RN
Excursionist
13 0 4

i pasted the code as instructed but the now the desktop version is not what i want and the mobile version did not change much. Essentially im looking for the slide height to be small for desktop and full screen for mobile.