How To Make Font Size Larger on Category Button On Shop Page MOBILE Devices Only

  • Resolved Lisa Hogan

    (@lisascraftiques)


    1 year, 9 months ago

    Hi,

    I am doing some housekeeping on my site. I noticed that on my desktop the category names on my shop page look ok but when I look at the same page on my phone the font looks small in comparison to the background image. Is there a way to make it larger on mobile devices only?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Try this custom css:

    @media screen and (max-width: 640px) {
  .product-category.grid_item h5 {
     font-size: 16px !important;
  }
}

    “mobile” means different things to different people. This css defines a mobile viewport of 640px or less. Adjust the 640px to taste.

    Your default category names are 14px. Adjust the 16px to taste.

    Thread Starter Lisa Hogan

    (@lisascraftiques)

    Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How To Make Font Size Larger on Category Button On Shop Page MOBILE Devices Only’ is closed to new replies.