Responsive design issue on checkout page Pavilion v2.2.6

ThemeBurn SupportForumsOpenCart ThemesPavilion OpenCart ThemeResponsive design issue on checkout page Pavilion v2.2.6

This topic has been marked as not 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

 Swahn
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

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

 Swahn
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 */
#collapse-coupon .input-group,
#collapse-reward .input-group,
#collapse-voucher .input-group
{
  width: 500px;
}

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

BR,
ThemeBurn team

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

 Swahn
October 13, 2017 at 6:49 pm #62033
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.