Image doesn't show full height on Mobile vers

Solved
Highlighted
Tourist
19 0 2

Hi there,

Hope someone could help me with the below issue.

Our mobile version does not show full length of the image as below image

JimmyNguyen_0-1598783080958.png

How can i edit the code to ensure the full length is shown on mobile version.

URL: https://iguaneye.com.au/pages/discover

Thanks

 

Regards,

 

Jimmy Nguyen

0 Likes
Highlighted
Shopify Partner
933 136 153

Hi Jimmy,

What is your store's URL so I can have a look?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Tourist
19 0 2

Sorry i thought i left the link already on my post

url: https://iguaneye.com.au/pages/discover

0 Likes
Highlighted
Shopify Partner
933 136 153

This is an accepted solution.

Add the following code to your theme.css file:

@media (max-width: 789px)
{
.embed-container {
    padding-bottom: 75%!important;
}
}

 Let me know!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
K&J
0 Likes
Highlighted
Shopify Partner
2355 511 661

This is an accepted solution.

Hey @JimmyNguyen,

Please add this to the bottom of your assets/theme.scss.liquid file.

@media (max-width: 480px) {
.embed-container{height:auto !important;}
}

 

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
19 0 2

thank you,

it works

0 Likes