This topic has 2 voices, contains 7 replies, and was last updated by  TB Support 2369 days ago.

Responsive design issue on checkout page Pavilion v2.2.6

ThemeBurn Support › Forums › OpenCart Themes › Pavilion OpenCart Theme › Responsive design issue on checkout page Pavilion v2.2.6

This topic has been marked as resolved.

Dear support team,

I have some design issues on my checkout page. It looks like the whole page in wider than the screen when I check on smaller screens. Some information is not visible and missing on the right side of the checkout page.

My store is currently in maintenance mode but I can share login info if you need.

Best regards Thomas
 OCstore
October 11, 2017 at 11:02 pm #62008

Hi Thomas,

Yes, we will need a live example. Can you provide website url and admin access, so we can check?

You can use hidepost to share private information with the support staff.

BR,
ThemeBurn team
 TB Support
October 11, 2017 at 11:03 pm #62009

Hello again,

Thanks for your reply!

Please also check the coupon text field that are little bit too small for the moment. Maybe the width can be fixed by some CSS code?

Best regards Thomas
 OCstore
October 12, 2017 at 6:36 pm #62017

Hi Thomas,

The code you need is:

/* fix content width */
.col,
.row > div {
    max-width: calc(100% - 30px);
}

/* fix input width */
#coupon .input-group,
#reward .input-group,
#voucher .input-group
{
  width: 400px;
}

Add these styles from the Theme CP > Theme Settings > Custom > Custom Stylesheet text field.

BR,
ThemeBurn team
 TB Support
October 13, 2017 at 12:27 am #62019

Thanks support team!

Everything looks a lot more great now! The only thing I still want to adjust is the coupon field. The field is still little bit too small and not responsive.

Best regards Thomas
 OCstore
October 13, 2017 at 6:49 pm #62033

Hi Thomas,

Can you check our previous code again? We’ve changed it a bit.

BR,
ThemeBurn team
 TB Support
October 18, 2017 at 5:08 pm #62080

I confirm that the new code is working correctly! The text field looks perfect now!

Thanks for your help!

Best regards Thomas
 OCstore
October 20, 2017 at 12:22 pm #62104

Glad we’ve helped, Thomas!

BR,
ThemeBurn team
 TB Support
October 25, 2017 at 1:02 am #62178
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.