Skip to content
Public Ticket #27522

category font size on mobile device

Conversation thread

PenciDesign Supporter replied

2 years ago
Staff Reply

Hi,

I've checked your site, you've copied/pasted the wrong CSS syntax so it doesn't work.

I've fixed it.

Please clear all the browser caches and check again.

Regards,
PenciDesign.


PenciDesign Supporter replied

2 years ago
Staff Reply

Hi,

For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you check this problem.

Regards,
PenciDesign.



GuanRu Peng replied

2 years ago
Customer Reply

Sorry, it still cannot work. I right-click on the category tag and open the check option, then I find the font size is set at 11 px. Even when I put the Custom CSS, this value always remains the same.

PenciDesign Supporter replied

2 years ago
Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width:767px) {
    .penci-featured-infor .cat > a.penci-cat-name,
    .penci-standard-cat .cat > a.penci-cat-name,
    .grid-header-box .cat > a.penci-cat-name,
    .header-list-style .cat > a.penci-cat-name,
    .overlay-header-box .cat > a.penci-cat-name,
    .inner-boxed-2 .cat > a.penci-cat-name,
    .main-typography .cat > a.penci-cat-name {
        font-size: 12px;
    }
}

Regards,
PenciDesign.



PenciDesign Supporter replied

2 years ago
Staff Reply

Hi,

Please send me your site URL.

Regards,
PenciDesign.


GuanRu Peng replied

2 years ago
Customer Reply

Thank you for your reply, but it doesn't work for me... The style I use on the homepage is "1st class then boxed". When I change the font size of the category label by "customize > posts layouts > font size > Font Size for Categories", only the label of the latest posts will change, and it doesn't work for the label of the boxed style posts.

 The problem above only appears under mobile devices, it works successfully under desktop websites.

PenciDesign Supporter replied

2 years ago
Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
    .cat > a.penci-cat-name {
        font-size: 12px;
    }
}

Regards,
PenciDesign.



GuanRu Peng started the conversation

2 years ago
Conversation Start

I am wondering where I can change the font size of the category label on the mobile device(this label shows on the posts with boxed style), I can easily change the font size on the desktop website in the customizer. However, the setting shows no response on mobile devices, thank you for help!

Want to join this conversation or access attachments? Sign in first.

Login to Reply