Solved

Why is the title shifted on PC view for upsell products in Shopify?

Medy06
Tourist
39 0 3

Hi,

I added a code for having upsell products on shopping cart page, the issue is the title is shifted on PC view (mobile view ok)

Also, I'd like to have my 2 upsell products in same line and not on 2 differents line in MOBILE view ?

Thanks

Votre panier – Waterlys

Capture d’écran 0.png

 

Screenshot_9.jpg

Accepted Solution (1)

AlexHodzitsky
Shopify Partner
72 19 27

This is an accepted solution.

Hi Medy06! Hope you are doing well!

1. To fix the display of the title on the desktop, just set the float: none property to this element - https://prnt.sc/12be05t

2. If you don't have more than two Upsell products, then the following code will be enough - https://prnt.sc/12bedf2 https://prnt.sc/12bee2h.

I also noticed that your container is not quite centered - https://prnt.sc/12bef8q and to fix this you will need to add a left margin equal to the right margin for this container, but keep in mind that there are different indents on the desktop and mobile phones, so you have to use media query. 

I do not recommend that you add custom code yourself unless you are a developer, as you might break something.

Alex

I didn't choose the Shopify, the Shopify chose me.
Linkedin: alex-hodzitsky

View solution in original post

Replies 3 (3)

Medy06
Tourist
39 0 3

Anyone for help ?

AlexHodzitsky
Shopify Partner
72 19 27

This is an accepted solution.

Hi Medy06! Hope you are doing well!

1. To fix the display of the title on the desktop, just set the float: none property to this element - https://prnt.sc/12be05t

2. If you don't have more than two Upsell products, then the following code will be enough - https://prnt.sc/12bedf2 https://prnt.sc/12bee2h.

I also noticed that your container is not quite centered - https://prnt.sc/12bef8q and to fix this you will need to add a left margin equal to the right margin for this container, but keep in mind that there are different indents on the desktop and mobile phones, so you have to use media query. 

I do not recommend that you add custom code yourself unless you are a developer, as you might break something.

Alex

I didn't choose the Shopify, the Shopify chose me.
Linkedin: alex-hodzitsky
Medy06
Tourist
39 0 3

Alex

thank you very much for your help

I tried to follow your instructions but I have no skills on codind, so I could not find where should add "float: none;

I mean in which section (layout, template, ....) ?

thanks