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

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

Thanks,
Kevin

1 Like

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

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

Thanks,

Kevin

1 Like

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