Table Alignment of Customer Account Page on Mobile

Store Design
,
1

Hi,

I am using Dawn Theme and there is some issue with the table alignment on customer account page of my store when viewed on Mobile:

artsweb_2-1677613288430.png
artsweb_2-1677613288430.png1170×1297 72.7 KB

Desired View, it looks super normal when viewed in Shopify Customize Page:

artsweb_1-1677613132450.png
artsweb_1-1677613132450.png710×842 16.9 KB

I think some other codes might have overridden my desired layout at some point, the font size and weight look different too.

Anyone have idea what might be the solution for this?

Thank you in advance :smiling_face:

2

Hi @artsweb ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media screen and (max-width: 749px){
.customer td:before {
    text-align: left !important;
}
}

Hope it helps!

3

Nothing changed to the outlook :disappointed_face:

4

Problem solved, I tweak the provided code a little bit from “text-align” to “float” and it is working. Thanks a lot!

1 Like