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:
@Allunix - it is looking fine on mobile view as well as actual mobile
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;
}
Hope that my solution works for you.
Best regards,
PageFly
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.
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;
}
}
Hey, @ExpertRookie
Luckily, this time it all worked. We have the result that we were looking for.
Thank you for everything. 