cart and checkout on mobile – text is vertical!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Fernando a11n

    (@fhaps)

    Automattic Happiness Engineer

    Hi @buckerooni,

    Looking at the source code of the cart page on your site, it looks like some customizations have been made to this page.

    To be more specific, it looks like you’ve added a margin of 170px to the left and to the right of your content. On mobile screens, this is only leaving a very thin line of available space for the contents of that page – which is what is creating this vertical look.

    Checkout these two screenshots, where you can see the margin added to the entry-content class:

    https://cld.wthms.co/SKhmyO
    https://cld.wthms.co/UbZs0i

    Out of the box, the Storefront theme does not include any margins for that class, so somewhere along the way this was modified in your theme.

    If I use the browser’s inspector to preview the site without those margins, the page looks great: https://cld.wthms.co/9r9AiV

    I’d review any customizations you’ve made to your theme, to try and get this corrected.

    Thread Starter cam

    (@buckerooni)

    fantastic response! thanks I’ll check it out, really appreciate the effort !

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘cart and checkout on mobile – text is vertical!’ is closed to new replies.