This will need code editing in your theme files. Mostly the product description and the drop-down and add buttons are under one container, so it needs to be seperated and then added as the third column or may be with a few adjustments with css it is possible but it will be more of a workaround kind of solution.
This should go into “Custom CSS” of the product section.
A bit simpler because all affected elements are inside the same section.
Need to check whether it will conflict with the older change though.
@media (min-width: 1680px) {
.container {
max-width: none;
}
.product-page {
grid-template-columns: 1fr 1fr 1fr;
}
.product-page > * {
grid-row: 1;
}
media-gallery {
position:sticky;
top: 136px; /* ideally, need some JS to update based on header height
or amend one which does it for product-info element */
}
.product-info-description {
grid-column: 2/3;
}
.product-info-wrap-content {
grid-column: 3/4;
}
}
Unfortunately, it is not possible to test without having myself a theme copy.
Try this code instead:
@media (min-width: 1680px) {
.container {
max-width: none;
}
.product-page {
grid-template-columns: 1fr 1fr 1fr;
}
.product-page > * {
grid-row: 1;
}
media-gallery {
position:sticky;
top: 136px; /* ideally, need some JS to update based on header height
or amend one which does it for product-info element */
}
.product-info-description {
grid-column: 2/3;
}
/* .product-info-wrap-content seem to trigger the system */
[class*="wrap-content"] {
grid-column: 3/4;
}
}
if my post is helpful, please like it ♡ and mark as a solution -- this will help others find it
The amount of spam and asking to get into people’s Shopify accounts is amazing.
@Jacqui@jasonh You’re in charge… Is this how you want your forum to be like, with fraudsters infesting the feed with their “share collaboration code” spam?
