“Related Products” heading out of position on product page

Hi there!

the “Related Products” heading is being placed directly below the short description to the right of the picture,

I don’t see this problem. Do you see this in all browsers and screen sizes? I’m using Chrome on a desktop and the Related Products title shows up in the same place on both images. As you can see in these screenshots:

Related products title for umbrella image:
Link to image: https://cld.wthms.co/ucxurL

Related products title for bib-overalls:
Link to image: https://cld.wthms.co/Dnakj9

Do you see something different? Can you send screenshots of what you see? This free site will let you send a screenshot by copying and pasting a link to the screenshot: https://snag.gy/

Hi,
Thank you for your response. I had to make this adjustment by putting in enough empty paragraphs to bring it down, which is not a solution that can be rolled across all products. If you inspect the code, you will see them.

Here is another product experiencing the issue which I will not put the empty paragraphs into:
https://rascofr.com/product/fr-welding-aprons/

To answer your question though, I am using the latest version of Chrome.

Thanks, again.
-Bill

• This reply was modified 6 years, 5 months ago by bills1982.

Here is the screenshot:
https://snag.gy/eEfum3.jpg

Hi @bills1982,

It appears the theme itself is missing a lot of styling for that section, so maybe contact the developers of the theme to work that issue out. For a temporary fix I was able to add something like this to fix it.

Link to image: https://cld.wthms.co/jZA7nQ

A little display: block; & float: left; seems to help in my very limited testing.

• This reply was modified 6 years, 5 months ago by Ryan Ray, a11n.

Thanks, @ryanr14!
This was a site I inherited and the theme appears to be abandoned, so probably not much help contacting the developers.

I had success in adding the display: block; float: left; to the sitewide Custom CSS for the related.products element. I knew it would be some combination, but could not find it when playing with it earlier today.

This will take us slightly off the original topic, but I am also seeing the products that have swatches showing the swatch boxes vertically in the Related Products, rather than side by side horizontal. Any ideas there? Screenshot: https://snag.gy/6k75r8.jpg

Thanks, again!
-Bill

Hi Bill,

Glad that has helped for now! It does look like the theme is still being worked on, I at least found their site here. https://goodlayers.ticksy.com/

For the swatches here is what I found worked.

a.wcvaswatchinput {
    float: left;
}

Hopefully that is helpful as well.

Thanks, @ryanr14!
Worked like a charm.

I appreciate the help!