How can I fix duplicate titles and descriptions on collection pages?

Technical Q&A
1

Hi All

I’m tearing my hair out here, my collection pages have duplicate Titles and descriptions… how would I remove the unstyled one at the top?

https://joeaudio.co.uk/collections/turntable-stylus

2

Hi @greeney2k1 i think you should go to customizer and look for duplicate description nonstyled?

3

Hi, @greeney2k1 .

Thanks for your message, I would be happy to point you in the right direction. What theme are you using for your shop, are you using a Shopify theme or a third-party theme? If you are using a third-party theme, your first step would be to reach out to the developers of the theme to take a look into this. Just a friendly reminder, if you have manually customized your coding in any way, this may not be something the developers of your theme can help out with, however. If that is the case, your best bet would be to reach out to a Shopify Expert for some additional help or wait for one of our friendly community members who are comfortable with coding to take a look.

Feel free to reach back out here with any further context or questions, we are always happy to chat with our merchants!

4

Hi @greeney2k1 ,

Please follow these steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > theme.css and paste this at the bottom of the file:
  • If you want to remove the 1st title & description:
.collection .page__header {
    display: none !important;
}
  • If you want to remove the 2nd title & description:
.collection .globo-collection_top {
    display: none !important;
}

Hope it helps!

5

oh my gosh why didn’t I think of hiding it in the CSS thats a great idea!

I have implemented this and it has solved it for desktop view but they still re- appear on mobile view?

6

Hi @greeney2k1 ,

I checked and you added the code in @media. Please move it out, everything will work fine for mobile.

Refer https://i.imgur.com/Iver68p.png

Hope it clear to you.