Checkout pages

[bestfitbybrazil]

These checkout pages use full screen mode which covers too much of the screen on my desktop.  How can i adjust the with so not to use as much space for instance to make it like this page.

https://bestfitbybrazil.com/shopallproducts/

CHECKOUT PAGE uses full width here

https://bestfitbybrazil.com/checkout/

Right now i have the YITH checkout buttons running vertical on left side.  I want to change them back to horizontal at the top and when i do that’s when you can see the rest of checkout page using full width.  So the current view is a temporary fix.

[Harry]

Hi,

Please go to Pages > Edit (shopping cart and checkout page)

http://take.ms/Bjnjm

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

It is unchecked

[bestfitbybrazil]

i had to use design options to size the borders.  is this an ok way to do this?  will it still be responsive?

[Harry]

Hi,

I checked your site it now checkout page ok.

Could you explain about this “i had to use design options to size the borders.” I still don’t understand about this.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

ok when i adjusted margins left and right here it worked for the desktop but completely disappeared on mobile device.  How can i get this to work on both?

[Harry]

Hi,

Please remove margin and add below code

@media only screen and (min-width: 75em) {
body.woocommerce-checkout .jas-container, body.woocommerce-cart .jas-container {
width: 73.125rem;
}
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

it still spreads the entire width of screen ??

[Harry]

Hi,

Please change to

@media only screen and (min-width: 75em) {
body.woocommerce-checkout .jas-container, body.woocommerce-cart .jas-container {
width: 73.125rem !important;
}
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bestfitbybrazil]

ok that worked but on google chrome browser it resizes the gift box dropdown.  only seems to happen in google chrome.  see attached.

before i click box, (note the circle is too high. look slightly below that at the shrinken box)

AFTER CLICK

 

[Harry]

Hi,

This issue related to plugin you using for gift box, please ask support from plugin author.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts