product name overlapping with product description (brooklyn theme)

cosmostellar
Tourist
4 0 3

I'm using Brooklyn theme. The product descriptions originally stuck on the right hand side and I got some changes on it so it comes to the middle finally. But then the part of product name and variants keep following when I scroll the page. It then overlaps with some of my product descriptions. What should I do to keep it stay in the original place?

Thanks.

dmwwebartisan
Shopify Partner
5731 1308 1682

@cosmostellar 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
cosmostellar
Tourist
4 0 3

ok, i will drop you a email right away.

dmwwebartisan
Shopify Partner
5731 1308 1682

@cosmostellar 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.template-product .product-single__meta {
    position: relative !important;
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
cosmostellar
Tourist
4 0 3

@dmwwebartisan 

thanks. I've just tried but the product name disappeared. Can I remain it at the original place?

dmwwebartisan
Shopify Partner
5731 1308 1682

@cosmostellar 

Can you please explain what does mean it "to remain original place"?

I thought you want to disable that scroll but I think you need something different. 

Please elaborate with a screenshot.

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
cosmostellar
Tourist
4 0 3

@dmwwebartisan 

Screenshot 2021-04-16 at 12.11.22 AM.png

Before adding the code, the part will follow when I scroll down like this.

Screenshot 2021-04-16 at 12.12.26 AM.png

But after I added the code, the part will disappear immediately when I scroll down. But I want it can stay at the original place. Like when I scroll down, I can still see a bit of the part like the product name.

Screenshot 2021-04-16 at 12.12.36 AM.png

And also the product name part will be this strange if I add the code when I am using the mobile view.

What is the solution to fix the above problems?

Am I saying it clear for you to understand my problem? Thank you and please tell me if you still not understand what I say. 

 

0 Likes