How to remove empty space on product page
Hi,
I'm trying to figure out how to remove the empty space above the videos on product pages for mobile devices. See screenshot. website: www.liftchairheaven.com
- Here is the solution for you @Allen6224
- Please follow these steps:
- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.
<style>
@media screen and (max-width: 767px) {
.product-description-area .product-single__accordion__item .product-single__accordion__item-wrap .top-border-line video {
height: 200px !important;
}
}
</style>- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
- Here is the solution for you @Allen6224
- Please follow these steps:
- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.
<style>
@media screen and (max-width: 767px) {
.product-description-area .product-single__accordion__item .product-single__accordion__item-wrap .top-border-line video {
height: 200px !important;
}
}
</style>- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
Community Blog Articles
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024
We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024