Solved

My product title is not visible on desktop mode in Shopify.

Man_V
New Member
6 0 0

product page1.PNG How to fix product title visibility on desktop mode

Accepted Solutions (2)
dmwwebartisan
Shopify Partner
12282 2546 3694

This is an accepted solution.

@Man_V 

 Please follow these steps: - Step 1: Go to Online store > Themes > Actions > Edit code. - Step 2: Go to Assets > theme.css and paste this at the bottom of the file.

@media only screen and (max-width: 749px){
.main-content {padding-top: 8rem !important;}
}

@media only screen and (min-width: 750px){
.main-content {padding-top: 11rem !important;}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

dmwwebartisan
Shopify Partner
12282 2546 3694

This is an accepted solution.

@Man_V 

 Please follow these steps: - Step 1: Go to Online store > Themes > Actions > Edit code. - Step 2: Go to Assets > theme.css and paste this at the bottom of the file.

@media only screen and (max-width: 749px){
.main-content {padding-top: 8rem !important;}
}

@media only screen and (min-width: 750px){
.main-content {padding-top: 11rem !important;}
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 12 (12)

dmwwebartisan
Shopify Partner
12282 2546 3694

@Man_V 

Please share your store URL!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Kinjaldavra
Shopify Partner
2302 570 1422

hello @Man_V 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Man_V
New Member
6 0 0

www.tansukhherbals.com 

but i want to make sticky header (sticky and go when scroll up) . when i stick website header . problem arises

Man_V
New Member
6 0 0
dmwwebartisan
Shopify Partner
12282 2546 3694

@Man_V 

Please enable your sticky header i will check and send correct solution for you.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Man_V
New Member
6 0 0

1.PNG2.PNG3.PNGsee 

dmwwebartisan
Shopify Partner
12282 2546 3694

This is an accepted solution.

@Man_V 

 Please follow these steps: - Step 1: Go to Online store > Themes > Actions > Edit code. - Step 2: Go to Assets > theme.css and paste this at the bottom of the file.

@media only screen and (max-width: 749px){
.main-content {padding-top: 8rem !important;}
}

@media only screen and (min-width: 750px){
.main-content {padding-top: 11rem !important;}
}

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
dmwwebartisan
Shopify Partner
12282 2546 3694

@Man_V 

Thanks! welcome again.

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
dmwwebartisan
Shopify Partner
12282 2546 3694

This is an accepted solution.

@Man_V 

 Please follow these steps: - Step 1: Go to Online store > Themes > Actions > Edit code. - Step 2: Go to Assets > theme.css and paste this at the bottom of the file.

@media only screen and (max-width: 749px){
.main-content {padding-top: 8rem !important;}
}

@media only screen and (min-width: 750px){
.main-content {padding-top: 11rem !important;}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Man_V
New Member
6 0 0

Thanks! it worked. 

dmwwebartisan
Shopify Partner
12282 2546 3694

@Man_V 

 product title visibility alrady correct.

Thank!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Man_V
New Member
6 0 0

yes. but the problem is when i stick the header then product name title page title and product images not visible properly.