How can I fix overlapping buttons and cluttered text on my product page?

Store Design
1

Hi,

A lot of the buttons on our product page are overlaying on top of each other. Not sure why it’s going that and the text is bunched up together. I’m trying to add breaks for easier reading.

Any advice on how to correct this?

https://hedgehogumbrella.com/collections/umbrella/products/hedgehog-umbrella-carbon

Screenshot 2022-11-19 140134.png
Screenshot 2022-11-19 140134.png1338×795 163 KB

Thanks,
Kevin

1 Like
2

Hello @KPT

I would like to give you some recommendations to support you.

After checking, I found the issues come from some CSS code:

https://prnt.sc/BEzraU4jYzrz + https://prnt.sc/fuWJhuiOqO8C

Follow steps to fix the issues:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid theme file
  3. Paste the below code before

Hope my recommendation can works and support for you!

Kind regards,

GemPages Support Team

1 Like
3

Hi! Thanks so much, that was able to resolve the issue!

KPT_0-1668979342594.png
KPT_0-1668979342594.png1376×786 172 KB

Thanks,

Kevin

1 Like
4

I am glad that my solution is helpful to you :grin: .