BACK

how to delete a web page shopify

Shopify Code Editing: How to Hide or Remove HTML Elements on Your Store Webpage? hello everyone,welc

Shopify Deep Dive

Updated on Mar 26,2023

Shopify Code Editing: How to Hide or Remove HTML Elements on Your Store Webpage?

The above is a brief introduction to how to delete a web page shopify

Let's move on to the first section of how to delete a web page shopify

Let TThunt's experts help you find the best TikTok product on your Shopify business!

Find TikTok products (It's Free)
No difficulty
No complicated process
Find winning products
3.5K Ratings

WHY YOU SHOULD CHOOSE TTHUNT

TThunt has the world's largest selection of TikTok products to choose from, and each product has a large number of advertising materials, so you can choose advertising materials for TikTok ads or Facebook ads without any hassle.

Shopify Code Editing: How to Hide or Remove HTML Elements on Your Store Webpage?

hello everyone,welcome back to the channel today we are,going to show how to hide elements from,your shopify webpage,for example i am using express theme and,i don't like having a top bar like this,in my store,i am going to hide it how can i do that,let's open the html inspector to find,the html element for the top bar,let's first change it directly in the,inspector so here in order to hide an,element,usually we set display equals none now,we can see it worked the top bar is gone,we need to copy the class name of the,top bar we will use it later,in the code editor let's go back to our,code editor and update the code from,there,search css in the search box and click,the theme.min.css,remember that different themes may have,different css file names,we may need to click a different file if,you are using a different theme,let's paste in the class name we copied,and add display,equals none here,save it and go to refresh the home page,so the top bar is still there something,is not correct,let's check the html inspector,our css rule is actually overwritten,in order to make it take affect we need,to add important to the rule,let's first test it in the html,inspector to see if it actually works,the top bar is gone which is what we,want,then we go to our code editor to do the,final update,now everything works as expected the top,bar disappeared,let's try to hide something else,for example we don't want to the text,powered by shopify in our footer,how can we hide it we still use arrow,icon in the html inspector to find the,text powered by shopify,then we first set display equals none,right here to make sure the text is gone,the text indeed went away,let's first copy the class name of the,parent element and we will use it in the,code editor,in the code editor we paste back the,class name of the parent element,since we are going to hide the second,child element of its parent element we,are going to use a new css selector here,then we set display equals to none to,hide the second child element which is,the powered by shopify text,let's save the change and see what will,happen on the page,as expected no more powered by shopify,that is all for today's video if you,enjoy the video please give us a like or,subscribe to the channel,see you next time

Congratulation! You bave finally finished reading how to delete a web page shopify and believe you bave enougb understending how to delete a web page shopify

Come on and read the rest of the article!

Browse More Content