Hi everyone, so we had trouble regarding the “related products” section, it’s now aligned to the left where it supposed to be in the middle of the page. Also the preview for producy page on the mobile version showing all images instead of carousel.
Here’s the preview of our unlaunch website: https://y83psuuncubrjxkf-48511254689.shopifypreview.com
Please help, thank you!
Hi CharStaff,
This CSS is affecting the original layout. If you check removing that, it will work properly. If you’re using that CSS somewhere then have added a parent class for the same
Feel free to reach out if you have any questions
Hi, where can we find that css, it is on base.css?
Hii,
In base.css, you can find .grid class and add !important to display: flex CSS, Like display: flex !important
Hi, it’s still like this after I added the “flex !important”, image attached
Not this one, check for this .grid class at line no. 884
it’s here under the line no 880
and it’s still like this
The ; is missed at the end. After !important
thank you so much, it works!
