Product page / Cascade theme: Blank space between embedded video and bundle display

Store Design
1

I just figured out how to embed a video on our product page – the video showed up great but now there’s a very large blank space between the video and a product bundle widget further down on the page. FYI, we use the Bundler - Product Bundles app for the widget integration:

Snip20220819_36.png
Snip20220819_36.png1862×1340 105 KB

There’s also a huge gap of space between our Add to Cart button and the product Description on this page:

Snip20220819_35.png
Snip20220819_35.png2080×684 53.5 KB

We use the Cascade theme. Anyone know how to eliminate these giant spaces? Any help is much appreciated.

2

Great – do you have any suggestions you can put here in the thread?

3

Can you please share the store URL, so we can look into it and provide you with a solution?

4

Yes! Sorry bout that: https://thebarbshop.com/collections/all/products/soft-clay-pomade

5

Have you had a chance to take a look at this? Any suggestions would be greatly appreciated!

6

Sorry for late reply here is your code for this problem

try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.min.css ->paste the below code at the bottom of the file.
@media(min-width:786px){
#shopify-section-product > div.product > section > div > div > div > div:nth-child(2) > div
#shopify-section-product > div.product > section > div > div > div > div:nth-child(2) {
    padding-left: 0 !important;
}}
#productDescription > p:nth-child(11) > div {
    padding-bottom: 0 !important;
}
1 Like
7

This worked, thank you so much!