Skip to content
Public Ticket #12755

Remove Categary Tiltle

Conversation thread

PenciDesign replied

Staff Reply

Hi,

Yeah, I just checked and I found you did wrong on the CSS. A missing close  }   make the CSS doesn't work on mobile.

Please go to Customize > Custom CSS, find this code:

@media only screen and (min-width: 1170px){
.container.penci_sidebar .penci-grid>li{ width: 31.62%; margin-right: 2.57%; }
.container.penci_sidebar .penci-grid li:nth-of-type(2n+1){ clear: none; }
.container.penci_sidebar .penci-grid li:nth-of-type(2n+2){ margin-right: 2.57%; }
.container.penci_sidebar .penci-grid li:nth-of-type(3n+3){ margin-right: 0; }
.container.penci_sidebar .penci-grid li:nth-of-type(3n+1){ clear: both }

And change it to:

@media only screen and (min-width: 1170px){
.container.penci_sidebar .penci-grid>li{ width: 31.62%; margin-right: 2.57%; }
.container.penci_sidebar .penci-grid li:nth-of-type(2n+1){ clear: none; }
.container.penci_sidebar .penci-grid li:nth-of-type(2n+2){ margin-right: 2.57%; }
.container.penci_sidebar .penci-grid li:nth-of-type(3n+3){ margin-right: 0; }
.container.penci_sidebar .penci-grid li:nth-of-type(3n+1){ clear: both }
}

You're missing a close  }  at the bottom.

Best Regards,

PenciDesign

nomadbama replied

Customer Reply

Some updates regarding this issue. 

I turned off siteground caching, purge the cloudflare and SG purge, cleared browser history.

The result is the CSS only work for web version, not the mobile version. And the most intriguing thing is the CSS does not even work on customize page! But work on normal web version...

nomadbama replied

Customer Reply

HI! I turned off the caching and used private mode, both didn’t work. What else reason can it be apart from caching problem? THank you!

PenciDesign replied

Staff Reply

Hi,

It's caching issue. Please clearly all the cache and check it again on anonymous browser on mobile.

Best Regards,

PenciDesign

nomadbama replied

Customer Reply

in my laptop it changed, but when i use my phone it doesn't change..TT

PenciDesign replied

Staff Reply

Hi,

I see it's hidden on your site.

Best Regards,

PenciDesign

nomadbama replied

Customer Reply

hello!thank you for ur reply,,, however, it doesn’t work TT 

I have already added the code.. 

PenciDesign replied

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

body.category .archive-box{ display: none; }

Best Regards,

PenciDesign

nomadbama started the conversation

Conversation Start

Hello, thanks for your previous help! I have one question about the category title on page. I do not know why they appearr again suddenly and I tried different css and add in found online but still failed to remove them. Can you please advice me the way to remove the whole category title on a page? TT Many thanks!

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