Support » Plugin: WooCommerce Multi-Step Checkout » Buttons on mobile look weird :S

  • Resolved VitaSerk

    (@serkankurnaz)


    Hello,

    first of all, thank you very much for the great plug in!

    I am using the neweste wordpress + woocomerce + Astra theme 2.0 🙂

    Unfortunately all looks great, especially on dekstop, but on mobile i would like to have the buttons one on the left and the ohter on the right side…not like it is actually at the moment, please have a look here:
    https://imgur.com/ZgnYjXJ

    Is there a way to fix it (hopefully withotu custom css?)
    Would the PRO version fix this?

    Thanks a lot 🙂

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Diana Burduja

    (@diana_burduja)

    The buttons look like that on mobile because they are too big to fit one next to another on a narrow screen.

    No, the pro version will not help you with that. The button size is set from within the theme. The plugin (both free and the pro version) doesn’t design the buttons. If it did, then the buttons would not fit as design with the rest with the website.

    You can make the buttons fit by adding the following CSS rule to your website:

    @media screen and (max-device-width: 480px){
    .wpmc-nav-wrapper button {
      padding-left: 4px;
      padding-right: 4px;
    }
    }

    You can use the WP Admin -> Appearance -> Customize -> Additional CSS page to add the CSS rule. (Sorry I had to ruin your hope about no custom CSS).

    Alternatively, you can ask your theme developers to make the buttons less wide so they fit also on narrower screens. They will also fix that with a custom CSS.

    VitaSerk

    (@serkankurnaz)

    Hi @diana_burduja

    thanks for the quick answer!

    Unfortunately It did not work with the custom css 🙁
    At least on my Samsun Galaxy S9…
    Why is that?
    When i use and check the google developer tools, i can see that it crashes at a specific width…so then the buttons will be over each other, so like on my samsung mobile.
    I have even tried bigger padding, but it wont work 🙁

    Hope, we can fix this 🙂

    THANKS!

    VitaSerk

    (@serkankurnaz)

    PS:
    A quick update:
    I could set the width of my astra theme buttons much smaller 🙂
    And so I could fix the issue, now also the mobile looks beautiful!
    without adding custom css 😛

    Thanks a lot!

    PS: I am considering buying the pro version 🙂
    What are the advantages of your plug-in compared to the

    WooCommerce MultiStep Checkout Wizard
    by Kole_Roy

    Hope, you do not mind me asking.

    Thanks again for the great work and support!

    Plugin Author Diana Burduja

    (@diana_burduja)

    I think a big advantage comes from the fact that my plugin has a free version.

    As the code for the free version is open source and can be read and inspected by anyone, there are much better chances to catch and solve any issues, incompatiblities with plugins/themes or even a possible security issue.

    There are security experts which look for vulnerabilities in WordPress core and in plugins and which will assist the developers to fix the vulnerabilities. They do that only with open source plugins or with extremely popular commercial plugins that are installed on hundreds of thousands of websites.

    VitaSerk

    (@serkankurnaz)

    Hi again @diana_burduja

    Thanks for the warm and true words!
    I agree with you 🙂

    I ll test the free version and then upgrade to the PRO.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.