Navigation
Archive / WooCommerce Category Headings
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 16, 2017 at 8:43 pm #1374454
    powrider686
    Participant

    Hey there,
    On my site, roadsidegallery.com, I’m having a problem with the font size of the categories. Seems to me that the categories are H3 and they aren’t resizing on smaller devices and become unreadable. How could I make the font sizes smaller, like h4 or h5, and make the them responsive so that they display properly on smaller devices.

    Thanks for the help!

    Marcus

    February 16, 2017 at 8:45 pm #1374455
    powrider686
    Participant

    I added this piece of code:

    .product-category.product h3 {
    font-size: 1em;
    }

    But how could I add a responsive tag to that so that the font is responsive based on screensize?

    Thank you!

    February 17, 2017 at 1:05 am #1374639
    Rupok
    Member

    Hi there,

    If you want to apply this for certain screen then you can use media query :

    @media only screen and (max-width: 979px) {
.product-category.product h3 {
    font-size: 1em;
}
}

    Hope this helps.

    February 17, 2017 at 2:03 pm #1375472
    powrider686
    Participant

    Ok great, thanks!

    February 17, 2017 at 4:03 pm #1375607
    Jade
    Moderator

    You’re welcome.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1374454 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>