Title page on mobile not disapear

Title page on mobile not disapear

JoaquinExcitare
Explorer
51 0 17

Hello,

 

I already removed my title pages on desktop with this code in base.css:

 

}
.page-title {

display:none !important;
}

 

Unfortunately this code only works on desktop. The title on mobile is not disapearing.

 

Can somebody help?

Screenshot 2024-12-02 at 09.22.30 1.pngScreenshot 2024-12-02 at 09.23.00.png

 

Replies 10 (10)

topnewyork
Astronaut
1047 142 181

Hello,

 

Please share "Store URL"

 

Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
JoaquinExcitare
Explorer
51 0 17
topnewyork
Astronaut
1047 142 181

 

Hey, @JoaquinExcitare 
1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

@media (max-width: 768px) {
	.page-title {
		display:none !important;
}
}

 

Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
JoaquinExcitare
Explorer
51 0 17

Unfortunately the code does not work

steve_michael2
Trailblazer
441 38 55
 
 
Hi
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file

 

@media(max-width:780px){
.page-title {
display:none !important;
 }
}

 

 
If my reply is helpful, kindly click like and mark it as an accepted solution.
 
If you are happy with my help, you can help me buy a COFFEE
 
Thanks!
 
 

 

JoaquinExcitare
Explorer
51 0 17

Unfortunately the code does not work, title is gone on desktop but not on mobile.

steve_michael2
Trailblazer
441 38 55

Hi,

 

Please share "Store Url"

 

Thanks!

JoaquinExcitare
Explorer
51 0 17
steve_michael2
Trailblazer
441 38 55

Hi
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file

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


Thanks!

JoaquinExcitare
Explorer
51 0 17

Thanks for your respond, unfortunately the code doens't work.
Mu website url is https://excitarestudios.myshopify.c