Support

Home Forums Event Espresso Premium Checkout Screen on Mobile

Checkout Screen on Mobile

Posted: August 14, 2017 at 6:33 am

Viewing 2 reply threads


sweetrose500

August 14, 2017 at 6:33 am

Image: http://imgur.com/a/l7PMh

On the checkout screen, “Attendee Information” breaks at 592px wide and “Payment Options” breaks at 490px wide. How can we keep the formatting looking good?


Josh

  • Support Staff

August 14, 2017 at 10:41 am

Hi there,

You can add an additional style rule that’s wrapped in a media query:

@media screen and ( max-width: 600px ){
  .spco-step-display-dv { 
    height: auto; 
    min-height: 33px 
  }
  .spco-step-name { 
    display: block !important; 
  }
}

You can add the above to the Additional CSS panel in the WordPress > Appearance > Customize menu or into your WordPress child theme’s style.css file.


sweetrose500

August 17, 2017 at 7:18 am

thanks!

Viewing 2 reply threads

The support post ‘Checkout Screen on Mobile’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso