I have Magento 2 default Luma theme installed.

I noticed the home page doesn't look well on some mobile devices, especially on new iPhones. The user has to scroll right and left to see the rest of the page.

Has anyone solved this issue? Any tips really appreciated.

enter image description here

1 Answer 1


You need to debug using Chrome Debug to find the divs that are larger than the screen and add the property to your CSS to the respective class max-width:100%; with:auto;, so apply in your images too.

Seems like your banner needs of that change.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.