Simple Membership registration page formatting not responsive in Sinatra

  • Resolved berliant

    (@berliant)


    4 years, 3 months ago

    I already had to fix the checkout page “your order” table using custom css as one column squished the content of labels so they were like this:

    pro
    ducts

    instead of “products” –

    anyway, now I’m having the same problem on mobile view with other forms:

    *Simple membership registration page
    * Simple membership edit membership profile

    and to a lesser degree in “track your orders” (https://www.nameyourprice.store/track-your-orders/)

    I’m using woocommerce and simple membership.

    simple membership claims the problem is with the sinatra theme. How do I configure the theme to be more responsive in mobile view? it seems the problem is with 2 column tables not reformatting properly. Is there a way to force the tables to stack cells on top of each other rather than side by side when there is not enough screen width to render a 2 column table correctly?

Viewing 1 replies (of 1 total)
  • Branko

    (@brankoconjic)

    Hey,

    Those styles are defined in this file (WooCommerce file) and it’s not overridden by Sinatra theme.

    Anyway, you can make it more responsive by using this CSS code:

    @media only screen and (max-width: 767px) {
    #page .woocommerce-form .form-row {
      width: 100%;
      float: none;
    }
}

    You can add the code into the Additional CSS in Appearance ? Customize.

    Thanks!

Viewing 1 replies (of 1 total)
  • The topic ‘Simple Membership registration page formatting not responsive in Sinatra’ is closed to new replies.