Liquid, JavaScript, themes, sales channels
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
Solved! Go to the solution
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
Anyone for help ?
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
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024