Jump to content

Single product headings on individual sales pages are huge on mobile view, please help.

Recommended Posts

I've designed a site that has a shop, and on mobile view the products and services headings are huge on individual product pages.

https://saharavalastro.com/

https://saharavalastro.com/sessions-courses-herbs/energy-session

I attached an image to show the shop page grid is fine as I found the correct css code so that the product names and prices in the grid view are all correct on mobile - css screen shots provided.

But individually, the product pages make the font huge. I have tried everything. It's a h3 font, and I've got css code in the back end that adjusts font sizes for mobile site wide so the rest of the site is working perfectly, but as you'll see by the images below, this heading is doing it's own thing and no matter what I seem to do, it wont change.

The site is now live at the request of my client as she wanted it launched on a "special day", I'm hoping someone can please help me asap. 

Screen Shot 2024-04-09 at 7.29.57 am.png

Screen Shot 2024-04-09 at 7.29.50 am.png

Screen Shot 2024-04-09 at 7.29.34 am.png

Screen Shot 2024-04-09 at 7.29.25 am.png

Screen Shot 2024-04-09 at 7.29.15 am.png

Edited by rosewild
Link to comment
  • Replies 1
  • Views 536
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.