Solved

How to change image size only on mobile - Dawn theme?

Allunix
Tourist
8 0 0

Hello, we are about to open a fashion brand store and the coming soon page doesn't look fine on mobile devices. 
We tried to use codes from similar questions, but nothing worked. The problem is with the image size and how it looks on different devices.

We would be grateful if somebody gives us the right code and where to put it.

Here is a link to the store:
www.allunix.eu

And images for what I am talking about:
Screen Shot 2022-11-06 at 2.39.01 PM.pngScreen Shot 2022-11-06 at 2.38.48 PM.png

Accepted Solution (1)
ExpertRookie
Shopify Partner
1518 249 314

This is an accepted solution.

Hi @Allunix 
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

 

@media(max-width: 749px){
.password-main .banner__media{
max-height: 56vw;
}
}

 

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

View solution in original post

Replies 5 (5)

suyash1
Shopify Partner
9124 1135 1481

@Allunix - it is looking fine on  mobile view as well as actual mobile

 

suyash1_0-1667743534553.png

 

To build shopify pages use pagefly You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI
Join me for beginner level training session

PageFly-Victor
Shopify Partner
7865 1785 3054

Hi @Allunix 

This is PageFly - Advanced Page Builder.

 

You can try with this code:

Follow this:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: paste below code in bottom of file -> save.

 

small.password__footer-caption.password__footer-text, small.password__footer-login.password__footer-text {

    display: none;

}

.password__footer.color-background-2.gradient {

    padding-top: 0;

}

PageFlyVictor_0-1667747381097.png

 

Hope that my solution works for you.

Best regards,

PageFly

Allunix
Tourist
8 0 0

Hey, @PageFly-Victor 

Thank you for the fast reply.

I just tried the code, but unfortunately it didn't work. The image stays the same, it's still cut on the sides compared to the full view of it on desktop.

ExpertRookie
Shopify Partner
1518 249 314

This is an accepted solution.

Hi @Allunix 
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

 

@media(max-width: 749px){
.password-main .banner__media{
max-height: 56vw;
}
}

 

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
Allunix
Tourist
8 0 0

Hey, @ExpertRookie 

Luckily, this time it all worked. We have the result that we were looking for. 
Thank you for everything. ❤️