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:
parent
ed2adce1e6
commit
5259f750fa
1 changed files with 14 additions and 0 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue