How to remove title from page on product - Dawn theme

Store Design
1

Hello

I wanted to add my social media links to product pages and the only way I could find to do this was by adding a new page to the product details page. However I would like to remove the title ‘Follow us!’ so that only the social media icons show. Thanks in advance!

Website url:https://eleanor-thomas-jewelry.myshopify.com/admin/themes

Password: bleoda

Product listing.png
Product listing.png1920×1160 251 KB

2

@KathrynLange Please send me store preview url.

3

Eleanor Thomas London - Jewellery for Children (eleanor-thomas.co.uk)

4

there are two possible solution for your query.

  1. using css
    Inspect your heading and get unique class name of your heading parent.

screenshot.png
screenshot.png1366×768 149 KB

in your case currently it is section-template–15562430972059__1664122247d2143da3-padding.

now write CSS

.section-template--15562430972059__1664122247d2143da3-padding h2{display:none}

Note: Class name could be change if any other section / app will added in your product page.

  1. Using script, Below is the one
var _i = document.querySelectorAll("h2");

for(i=0; i< _i.length;i++){
    var _text = _i[i].innerText;
    if(_text == 'Follow us!'){
        _i[i].setAttribute('style','display:none')
        console.log('reach')
    }
}
5

Hi @KathrynLange !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please paste this code at the bottom of section-main-page.css under assets in theme code files

.page-title {
display: none !important ;
}

Best Regards;

PageFly

6

Thanks @PageFly-Victor - so easy and worked perfectly!