Jump to content

Coding issue / resizing on tablet & typo on mobile

Recommended Posts

Hello, Hello,

I am almost done, redoing my website. I have noticed some issue when switching from desktop to tablet & mobile:

Tablet issue :
https://www.qualitycupofcoffee.com/formations-sca-1
On that page my price boxes (pink square ones) does not seem to resize well on tablet, same goes for the green coffee courses cards below. On tablet, the typo is going all over the place. Any idea?

Mobile issue:
I realized that for my coffee courses cards, my title typo font is changing from desktop to mobile, not sure why. I got the same typo font change issue on the first page of my website (the testimonial area). My font is switching from Freight Big pro to ... I don't know what.

Thanks,
Manon

 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Add to Home > Design > Custom CSS to resize font size (price, title)

@media screen and (min-width:641px) and (max-width:900px) {
.cs-pricing-table-2__price {
    font-size: 45px;
}
h3.cs-pricing-table-2__title {
    font-size: 12px;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.