Image with slider full screen on mobile

Store Design
,

Topic summary

A user working with the Minimog Shopify theme is seeking CSS or code to make an image slider display in full-screen mode on mobile devices.

Current Status:

  • The user has shared a screenshot showing the current slider layout (desktop view at 690x406px)
  • Another participant has requested the store URL to provide specific assistance
  • The issue remains unresolved and awaiting further information

Key Details:

  • Theme: Minimog
  • Target: Mobile responsive full-screen slider
  • A visual reference has been provided to illustrate the current state
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

I need the code to make this image with slider full screen on mobile? Minimog theme

Screenshot 2025-10-30 at 14.47.41
Screenshot 2025-10-30 at 14.47.411920×1130 210 KB

1 Like
2

@Johnnycrev

Please share store url !

Thanks!

3

Hi @Johnnycrev

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

4

Hey @Johnnycrev

Thanks for posting this to the Shopify Community.

To make your image slider full screen on mobile in the Minimog theme, you can add the following CSS code in your theme editor:

@media (max-width: 768px) {
  .slider-section, 
  .slideshow, 
  .swiper-container, 
  .hero-banner {
    height: 100vh !important;
  }

  .slider-section img, 
  .slideshow img, 
  .hero-banner img {
    object-fit: cover
    height: 100%;
    width: 100%;
  }
}

Add this code in:
Online Store → Themes → Edit Code → Assets → base.css (or theme.css)

This will make your slider image stretch to full screen height on mobile devices while maintaining proper aspect ratio.

In order to check and provide an exact selector for your setup, could you please share your store URL and password (if applicable) so I can take a look and ensure it matches your theme section?

Waiting to hear back from you.
If this was helpful, don’t forget to like it and mark it as a solution.

Thanks

5

Thanks,

Shall i add you as a user to have a look?

1 Like
6

Sure you can add me.