Set Image Banner on Each Page to Full Screen

Store Design
1

Hi, I need help with making the Image Banner on each page full screen. I tried inputting code from other discussion posts but it wouldn’t budge.

Screenshot 2024-12-04 at 9.45.54 PM.png
Screenshot 2024-12-04 at 9.45.54 PM.png2878×1714 481 KB

2

Hi Jimdave, what is the solution? Thank you!

3

Hi @chichi0114 ,

Can you provide preview password to view the site? I will review the site and provide solution accordingly.

Thank you

4

@chichi0114 Can you please provide the URL of your store and if it is password protected please share the password too. Thanks

5

@chichi0114 You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of base.css file.

.banner--large:not(.banner--adapt){
min-height: 100vh !important;
}
6

Hi @chichi0114

Please share with me the password of your store https://the-triangle-club.myshopify.com/password

Best,

Daisy

7

Thank you so so much :slightly_smiling_face: It worked perfectly!

1 Like