checkout width @100%

  • Resolved bnar1837

    (@bnar1837)


    3 years, 6 months ago

    can anyone help with something that i’m currently struggling with? I have site with woocommerce deployed / multi step checkout plugin also installed.

    The checkout page whether the multi step plugin is active or not has padding down either side. On desktop/tablet, this doesn’t affect anything. The checkout fields are fine, no issues as there is enough width to not notice any issue.

    On mobile it is causing the card input forms to be squashed resulting in not having the 16 digit card number fully visible.

    I’ve tried different CSS attempts to no avail…. but alas i am no CSS expert.
    any help on this would be appreciated.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter bnar1837

    (@bnar1837)

    3 years, 6 months ago

    Found what the issue is on this for anyone interested.
    below div had 30px padding on each side by default. reduced this to resolve.

    .singular-content-wrap
    {
    padding-left: 10px; !important;
    padding-right: 10px; !important;
    }

Viewing 1 replies (of 1 total)
  • The topic ‘checkout width @100%’ is closed to new replies.