Hide social media icons only in product pages

Solved

Hide social media icons only in product pages

danielcorrea
Explorer
56 0 15

Hi, I would like to hide social media icons ONLY in product pages. Please help!

Accepted Solution (1)

PingIT
Shopify Partner
9 2 1

This is an accepted solution.

You can put the below CSS into theme.liquid before the </body> tag. Let me know how it goes.

 

    <style>
    {%if request.page_type == "product" %} 
    .footer__content-top {
        display: none !important;
    }
    {% endif %}
    </style>

 

- Iain

Visit us at pingit.digital or email iain@pingit.digital for Shopify help or custom development.

View solution in original post

Replies 3 (3)

Dan-From-Ryviu
Shopify Partner
9145 1829 1863

Hi @danielcorrea 

Please drop your store URL here so I can provide the code to do that

- Helpful? Like and Accept solution! ‌Support me: Buy coffee
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

danielcorrea
Explorer
56 0 15

PingIT
Shopify Partner
9 2 1

This is an accepted solution.

You can put the below CSS into theme.liquid before the </body> tag. Let me know how it goes.

 

    <style>
    {%if request.page_type == "product" %} 
    .footer__content-top {
        display: none !important;
    }
    {% endif %}
    </style>

 

- Iain

Visit us at pingit.digital or email iain@pingit.digital for Shopify help or custom development.