Prevent download/up-next from overlapping sticky video on mobile
This commit is contained in:
parent
8ad849cc72
commit
39b186d651
1 changed files with 9 additions and 1 deletions
|
|
@ -1413,13 +1413,21 @@ textarea.markup-editor-textarea {
|
|||
order: 4;
|
||||
}
|
||||
|
||||
/* Watch mode mobile: wrapper is a plain block, video sticks at top */
|
||||
/* Watch mode mobile: video sticks at top, nothing scrolls over it */
|
||||
.watch-left {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.watch-mode .product-images {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.watch-mode section.product-right {
|
||||
order: 2;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
/* Ensure buttons get full width on mobile */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue