The Quick Checkout extension doesn't look quite right on my mobile website

Please follow these steps to add the necessary code to your website:

  1. Go to OpenCart Admin>Extensions>Modules
  2. Click Edit for OpenCart Mobile Framework Administration
  3. Switch to the "Customization" tab
  4. In the "Custom CSS" box paste this code:

    @media (max-width: 768px){
    .quickcheckout-content #login > div {
    display: inline-block;
    float: none!important;
    width: 97%!important;
    text-align: left!important;
    }
    .quickcheckout-content .left{
    float: none!important;
    display: block!important;
    width: 97%!important;
    height: auto!important;
    margin-right: 0!important;
    }
    .quickcheckout-content input.large-field {
    width: 95%!important;
    }
    .quickcheckoutleft, .quickcheckoutright, .aqc-column, #qc_  {
    width: 100%!important;
    float: none!important;
    display: block!important;
    margin-left: 0px!important;
    }
    }
    
  5. Click "Save".

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk