Footer overlaying part of product page

Solved

Footer overlaying part of product page

Stereountypical
Tourist
10 0 1

Seems to be a new issue, not affecting all pages. Maybe just those with a lot of content?

 

e.g.

https://stereo-untypical.com/products/q-acoustics-m20-powered-bookshelf-speakers

 

I'm using the Supply theme.

 

Scroll down to see it.

 

Help?!

 

Accepted Solution (1)

tim
Shopify Partner
4322 497 1586

This is an accepted solution.

A lot of images in this product description are loaded from https://essentiatechnology.ca/ 

Most sites do not like this, so may block their images from showing on your site.

For example, I see no images.

 

Document HTML code shows that it was initially done for WooCommerce site and looks like it was copy-pasted into your store. This is always problematic, because content like this usually depends on CSS (and sometimes JS) codes, which are specific to the originating platform.

 

Having said that -- this particular problem can (most probably) be fixed by adding code like this to the Theme Settings=> Custom CSS in Customizer:

.rte .flex-viewport {
  max-height: none;
}

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Replies 2 (2)

tim
Shopify Partner
4322 497 1586

This is an accepted solution.

A lot of images in this product description are loaded from https://essentiatechnology.ca/ 

Most sites do not like this, so may block their images from showing on your site.

For example, I see no images.

 

Document HTML code shows that it was initially done for WooCommerce site and looks like it was copy-pasted into your store. This is always problematic, because content like this usually depends on CSS (and sometimes JS) codes, which are specific to the originating platform.

 

Having said that -- this particular problem can (most probably) be fixed by adding code like this to the Theme Settings=> Custom CSS in Customizer:

.rte .flex-viewport {
  max-height: none;
}

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
Stereountypical
Tourist
10 0 1

That Theme CSS worked, many thanks Tim! 👊