Hello, So I made a separate slideshow banner for desktop and mobile because the slideshow banner for my desktop has text in the actual image because it is easier to customize. I made 2 different slideshow banners and I inputted custom css from https://websensepro.com/blog/show-different-banner-ima…

Please add this code to Custom CSS of that mobile section .banner { height: 100vh; } [Screenshot_1.jpg]

@media only screen and (max-width: 767px){ .slideshow__media.banner__media.media.aos-init.aos-animate{ object-fit: cover; object-position: center; } } To solve this issue. Please first remove the text on Mobile Hero Section. After that upload the image that has text on it. If it is overflow the…

Hi @HallyuApparel Try this one. From your Shopify admin dashboard, click on “Online Store” and then “Themes”. Find the theme that you want to edit and click on “Actions” and then “Edit code”. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your th…

Yes, the desktop slideshow image has the text as a part of image because it was easier to customize the text. However on mobile, I didn’t do that because I wanted the whole screen on a phone to be the image similar to how on desktop the whole screen is filled up with the image. I believe using an im…

Hi @HallyuApparel Please add this code to Custom CSS of the mobile’s slideshow section .media img { object-fit: fill; } [Screenshot 2024-12-20 at 08.47.50.png]

Hi Dan, I wanted to image to fill out my whole mobile screen instead of just showing the whole image. I want it to look like the https://fearofgod.com/ website on mobile. Thank you!

How to make my slideshow banner fill out the whole screen on mobile?

Shopify Discussion

HallyuApparel December 20, 2024, 6:23am 8

Thank you !!

Topic		Replies	Views
How to make a mobile image banner fill the entire screen? Store Design css	8	113	December 30, 2022
Shopify Dawn theme Banner Image is not fitting to screen Technical Q&A css , shopify-theme	3	14	April 20, 2024
How to fit an image from the slideshow banner on the home screen to fit the entire screen? Shopify Discussion troubleshooting	6	45	December 19, 2024
Increase Slideshow Height To Fullscreen On Mobile, DAWN Theme Store Design design , customizations , css	4	81	November 18, 2023
different image for mobile and Desktop Store Design design , css	6	46	December 5, 2024

How to make my slideshow banner fill out the whole screen on mobile?

Related topics