cancel
Showing results for 
Search instead for 
Did you mean: 

Image height in mobile version of Magento 2.3.3 LUMA is stretched / wrong

SOLVED
   Did you know you can see the translated content as per your choice?

Translation is in progress. Please check again after few minutes.

Image height in mobile version of Magento 2.3.3 LUMA is stretched / wrong

It seams that my mobile version of LUMA 2.3.3 has error in definition of image height.

Logo at the top
- and image in pages is stretched (Have to set width to 100% and no definition of width).

CSS error?

https://pilotbutikken.no

Skjermbilde 2019-12-04 kl. 22.37.44.png

Desktop version is fine.

Is there any fix for this?

Thanx!

2 ACCEPTED SOLUTIONS

Accepted Solutions

Re: Image height in mobile version of Magento 2.3.3 LUMA is stretched / wrong

Hello @McLure 

 

Please add below CSS:

.logo img {
    display: block;
    width: 100%;
    height: auto;
}

https://drops.meetanshi.com/EQTRDr

 

Hope it helps.

---
If you've found my answer useful, please give"Kudos" and "Accept as Solution"

View solution in original post

Re: Image height in mobile version of Magento 2.3.3 LUMA is stretched / wrong

Hello @McLure 

 

Yes it is CSS issue

 

.logo img {
    display: block;
    height: auto;
    width: 100%;
    margin-left: 10px;
}

http://prntscr.com/q6er4y

Was my answer helpful? You can accept it as a solution.
200+ Premium Magento 2 Extensions Need help? Hire Magento Developer

View solution in original post

3 REPLIES 3

Re: Image height in mobile version of Magento 2.3.3 LUMA is stretched / wrong

Hello @McLure 

 

Please add below CSS:

.logo img {
    display: block;
    width: 100%;
    height: auto;
}

https://drops.meetanshi.com/EQTRDr

 

Hope it helps.

---
If you've found my answer useful, please give"Kudos" and "Accept as Solution"

Re: Image height in mobile version of Magento 2.3.3 LUMA is stretched / wrong

Hello @McLure 

 

Yes it is CSS issue

 

.logo img {
    display: block;
    height: auto;
    width: 100%;
    margin-left: 10px;
}

http://prntscr.com/q6er4y

Was my answer helpful? You can accept it as a solution.
200+ Premium Magento 2 Extensions Need help? Hire Magento Developer

Re: Image height in mobile version of Magento 2.3.3 LUMA is stretched / wrong

@McLure its a css issue.

Please add the below css in your custom.css

 

.logo img{
height: auto;
}

Thanks