My website font is not responsive on mobile

I have added font custom font on website but now its not responsive on mobile can some one please tell me how to fix it thank you

Can you provide link to your store?

sho p.t ubb sc offeeroasters.c om

this is my store link remove the space

can you explain what Responsive font means? with a screenshot?

Please check this image in desktop its looking fine but in mobile its very bad there are few more text like this if you can please check it in mobile version to make this text look good

This seems to be a draft theme. I do not have access to preview the draft theme.

please check now

Hi @learningdesign ,

You can add below codes on the site to make the font small on mobile device.

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

the subheading is still above the logo its not responsive please how to make it responsive so it look good on mobile help me in that also

Hi @learningdesign ,

Try adding below code to make the header look good om mobile device.


If you find this information useful, a Like on every answer would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

Sorry for disturbing you again please can you send me code for this one also

You can add below code to target the mentioned section.


If this solves the problem, please Mark it as Solution!

Best Regards,
Makka

Hi @learningdesign ,

I recomend you to close this thread and open a new thread with this issue. I will reply on the new thread.

Thank you