How can I adjust image size for mobile layout on the Spotlight theme?

Store Design
, , , ,
1

Hi,

I have managed to make the whole password page one image for my desktop layout but when i go onto the mobile layout, its not the same.

Can someone help me by making sure the image covers the whole password page for the mobile layout too?

I am using the spotlight theme

password - GeffDoe

Thank you

2

Hi @abalves97 ,

This is David at SalesHunterThemes.

Thank you for your question.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → theme.liquid file.

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

David_SHT_0-1693832560052.png
David_SHT_0-1693832560052.png458×698 359 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

3

Hi,

This code doesnt work

4

Hi @abalves97
Have you added my code to your theme yet? I haven’t seen it.

5

Hi David,

This code doesnt work. I have tried like three different codes but none of them work.

Thank you

6

I have. Nothing changes. Any other way?

7

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → base.css

Add the following code in the bottom:

.password .banner--adapt{
  height: 100vh !important;
}
@media screen and (max-width: 749px){
  .password .banner__media {
    position: absolute !important;  
  }
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

1 Like
8

yes this one worked. Thank you but im not sure why the former code didnt work. I used something like it for dawn and it was fine