Hello guys, I don’t know how to adjust the image size properly on mobile. please referent the picture
I found some answers that copy the code
: @media screen and (max-width: 749px){
div#Hero-hero-1 {
height: 66vw;
}
}"
To “Asset >theme.scss.css”, but I can’t find this section on my theme> editor code, just find " Theme editor. js"
Any help please, thank you advance
Hi @djshdq , try adding;
div#Hero-hero-1 img{
object-fit:contain;
}
Sharing your URL would be helpful.
Hope this helps.
Hello dear thank you for your answer, which section can I added? I added a custom liquid in the background, the URL cannot be seen on the front end of the website because it has not been perfected, thank you so much.
Check the URL: https://aacarplay.com/products/autokit-wireless-android-auto-carplay-for-aftermarket-radio?_pos=1&_sid=6ee589332&_ss=r
Go to assets/base.css and add this:
@media screen and (max-width: 749px){
img{
width:100%;
}
}
Hope this helps!
solved! thank you so much.