Shopify themes, liquid, logos, and UX
How to fix product title visibility on desktop mode
Solved! Go to the solution
This is an accepted solution.
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;}
}
This is an accepted solution.
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;}
}
Please share your store URL!
Thanks!
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.
product title visibility alrady correct.
Thank!
yes. but the problem is when i stick the header then product name title page title and product images not visible properly.
but i want to make sticky header (sticky and go when scroll up) . when i stick website header . problem arises
Please enable your sticky header i will check and send correct solution for you.
Thanks!
This is an accepted solution.
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;}
}
This is an accepted solution.
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;}
}
Thanks! welcome again.
User | RANK |
---|---|
132 | |
92 | |
77 | |
63 | |
54 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022