Newest blog title cut off in mobile view

Store Design
,
1

Hello,

I am wondering how I can fix my featured blog title in the mobile view? It is fine on the desktop view. https://www.emmehair.ca/blogs/10-essential-hair-care-tips-for-every-hair-type

IMG_8EFF09390D8C-1.jpeg
IMG_8EFF09390D8C-1.jpeg1290×2796 155 KB

2

You can adjust the page title as you wish with custom CSS code. If you want it to appear this way only on mobile devices, use the following code:

@media only screen and (max-width: 768px) {
h2 {
font-size: 14px;
}
}

This code will adjust the font size of the

tag to 14px, but only when the screen width is 768px or smaller (typically considered mobile screen size).

3

Hi @vgomes , kindly use the below instructions and code.

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before 
@media only screen and (max-width: 750px) {
  h2 {
    font-size: 16px;
  }
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

4

Thank you. Where do I put that code?