Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2426492
Remove Categary Tiltle
Closed

Comments

  • nomadbama started the conversation

    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!

  •  2,700
    PenciDesign replied

    Hi,

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

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

    Best Regards,

    PenciDesign

  • nomadbama replied

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

    I have already added the code.. 

  •  2,700
    PenciDesign replied

    Hi,

    I see it's hidden on your site.


    Best Regards,

    PenciDesign

  • nomadbama replied

    hi,


    the category’s title is still there nomadbama.com/主題旅遊

  • nomadbama replied

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

  •  2,700
    PenciDesign replied

    Hi,

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


    Best Regards,

    PenciDesign

  • nomadbama replied

    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!

  • nomadbama replied

    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...

  •  2,700
    PenciDesign replied

    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