Set Image Banner on Each Page to Full Screen

Solved

Set Image Banner on Each Page to Full Screen

chichi0114
Shopify Partner
37 0 10

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

Accepted Solution (1)

NerdCurator
Shopify Partner
416 76 112

This is an accepted solution.

@chichi0114You 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;
}

 

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 10+ years.
- Was my reply helpful? Click Like to let me know! Coffee tips fuel my dedication.
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com

View solution in original post

Replies 6 (6)
chichi0114
Shopify Partner
37 0 10

Hi Jimdave, what is the solution? Thank you!

theycallmemakka
Shopify Partner
1770 431 452

Hi @chichi0114 ,

 

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

 

Thank you

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

NerdCurator
Shopify Partner
416 76 112

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

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 10+ years.
- Was my reply helpful? Click Like to let me know! Coffee tips fuel my dedication.
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com

NerdCurator
Shopify Partner
416 76 112

This is an accepted solution.

@chichi0114You 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;
}

 

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 10+ years.
- Was my reply helpful? Click Like to let me know! Coffee tips fuel my dedication.
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
chichi0114
Shopify Partner
37 0 10

Thank you so so much 🙂 It worked perfectly!

DaisyVo
Shopify Partner
2299 282 329

Hi @chichi0114 

 

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

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution