Archived topic

resize category text on using css

7 replies · Started by Den on February 23, 2021

Viewing posts 1–8 of 8

February 23, 2021 at 8:51 am #1669431

Hi team,

can you please help me out with this (image - https://ibb.co/fFzXz7c)

I want this text size to be smaller on mobile devices. (so I can show this in a single line but not this double lines as I have long category names)

is there any CSS that I can add to this code...

@media (max-width: 768px) {

}

Thanks in advance :)

February 23, 2021 at 9:45 am #1669497

Hi Den,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

February 26, 2021 at 1:22 am #1673338

Hi Ying,

Actually, there are 2 of my sites where I want to implement this. Both sites are on Generatepress Pro :)

Links in the private section

Thanks

February 26, 2021 at 1:28 am #1673354

Hi there,

You can use header.page-header h1.page-title as a selector for that particular text.

Example:

@media (max-width: 768px) {
header.page-header h1.page-title {
font-size: 16px;
}
}

February 26, 2021 at 1:32 am #1673360

Hi elvin,

I'm sorry but that CSS did nothing :(

My category section is still the same size see this image - https://ibb.co/fFzXz7c

February 26, 2021 at 5:56 am #1673597

Hi there,

you can use this CSS:

@media (max-width: 768px) {
  .entry-meta {
      font-size: 12px !important;
  }
}

Issue - if you make the font too small it may become hard to read for users

February 26, 2021 at 6:14 am #1673618

Thanks David :)

February 26, 2021 at 7:13 am #1673896

You're welcome

This archived topic is closed to new replies.