How to remove the word price from Expanse theme product pages

Store Design
1

Hello! We have the Shopify Expanse theme and feel like there is too much excess verbiage automatically displayed on the product pages. To help streamline the page, does anyone know how to remove the word “price” and the navigation trail such as “Home / Collections / Hair Styling Products” above the product name?

Any feedback is greatly appreciated! Thank you!

Product Page.JPG
Product Page.JPG2300×1236 207 KB

1 Like
2

Hi @Uplift247 , go to edit code > assets > theme.css and add this:

.product-block .variant__label{
                display:none;
            }

That’s for the word Price. For the other request, please share url so I can take a look.

Best

3

Hi @Uplift247 ,

Would you mind to share your URL website? with password if its protected. Thanks!

4

That worked great! Thank you for helping me to remove the word (price).

URL: www.upliftprovisionsco.com

Thank you!

5

Hello! Our URL is: www.upliftprovisionsco.com.

We’ve been able to figure out how to remove the word “price”, but are still interested in removing the navigation trail. If you have any suggestions, we’d greatly appreciate the feedback. Thank you so much!

1 Like
6

Yeah sure.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
nav.breadcrumb {
    display: none;
}

Result:

Ribe_Dagandara_0-1688244210626.png
Ribe_Dagandara_0-1688244210626.png832×433 61.6 KB

I hope it help.

7

Hi! This was very helpful. It’s didn’t work when I included “nav”. But, once I removed the “nav” and followed with the rest of the code, it worked perfectly! Thank you for your support!

1 Like