FULL SCREEN BANNER DESKTOP

Store Design
, ,
1

Hi, I need help making my desktop banner full screen. My mobile version is already full screen. Just need help for desktop. preferable using custom css.

Thanks in advance!

Link : https://nothingchanges.com.my/

1 Like
2

Hey @nothingchanges

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find password.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT

Moeed_0-1749204525814.png
Moeed_0-1749204525814.png1897×919 351 KB

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

i tried but still no changes. Can you assist me using custom css please?

Screenshot 2025-06-06 at 7.02.58 PM.png
Screenshot 2025-06-06 at 7.02.58 PM.png3420×1896 1.11 MB

4

If you don’t wanna add in theme files then you can just simply add this code in your section custom css.

@media screen and (min-width: 768px) {
.banner--large:not(.banner--adapt) {
    min-height: 100rem !important;
}
}

If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
5

GENIUS! THANK YOU SO MUCH!

1 Like
6

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like