Fix mobile layout spacing and image overflow issues

- Add margin-top to product purchase well on mobile for better spacing
- Prevent content images from causing horizontal scrollbars
- Improve mobile UX by separating product images from action buttons
This commit is contained in:
Russell Ballestrini 2025-10-04 19:17:37 -04:00
parent ed2adce1e6
commit 5259f750fa

View file

@ -240,6 +240,16 @@ img {
height: auto;
}
/* Prevent content images from causing horizontal scrollbars */
.content img,
.product-content img,
.well img {
max-width: 100%;
width: auto;
height: auto;
box-sizing: border-box;
}
img.logo {
width: initial;
max-height: 100px;
@ -949,6 +959,10 @@ textarea.markup-editor-textarea {
width: 100%;
}
section.product-right .well {
margin-top: 30px;
}
.product-description {
order: 3;
}