I have added some custom Liquid to my store in order for us to display a table on our guarantee’s a page as seen below.
How do i move it into the centre of the page?
I did add some coding to move it right a little bit on desktop but it was doing the same on mobile messing it up.
Just want it to be centred on both devices.
Thanks! Link to my website below if needed!
https://morgansdoorsandwindows.com/pages/workmanship-guarantee
Hi, I can help you fix this problem. The problem is the extra margin in the left. On the mobile you need to remove the margin to show table appropriately.
Add this CSS in your file editor.
@media only screen and (max-width:480px){
.section-template–17593217057070__b0d05765-bd99-4230-983f-cfe04ece234e-padding {
margin-left: 0;
}
}
Add that In the theme.liquid??
Yes. Put the below code before tag.
@media only screen and (max-width:480px){ .section-template--17593217057070__b0d05765-bd99-4230-983f-cfe04ece234e-padding { margin-left: 0; } }Hero.
Thanks!
