Want to hide product title on product page in mobile view

Solved
Tourist
4 0 0

I would like to hide the product title on the product page, because the custumer can't choose a variant (color) and see the product image in the same time on the mobile view...

here is an example shop.jpg

0 Likes

Success.

Hello @Eliott,

1. Go to Online Store->Theme->Edit code
2. Asset->timber.scss.liquid->paste bellow code in bottom of file

@media screen and (max-width: 767px) {
 .product-single {
  margin-top:0;
 }
.product_single_detail_section h2 {
	font-size: 20px;
}
#ProductPrice,.product_single_price,.product_single_detail_section h2  {
	margin-bottom: 0;
}
.selector-wrapper-secton {
	padding-top: 0 !important;
}
}

I think remove product title is not the solution so Please put above solution and just check one's,,,Still you have to remove product title then add below css

@media screen and (max-width: 767px) {
.product-single__title { display: none; }
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
4 0 0

Excellent idea ! thanks for your pofessionalism !!

0 Likes

Success.

Excursionist
19 4 9

 

 pic.PNG

 

Hi if you want remove highlight title follow my instructions:
open timber.css
paste below code and save

@media screen and (max-width: 767px){
.product-single .product-single__title{display:none !important;}
}

 

Thanks & Regards
rbdtechworld

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: developer9it@gmail.com

1 Like