Trouble with woocommerce width

[brebber]

Hi,

I have some trouble with woocommerce width in the shop-overview (shopbreite1) and the shopping-card (shopbreite2).

You can see me setting in the pic shopbreite3.jpg.

I try to change the parameter in the bootstrap.min.css (line 9) from .col-sm-12{width:100%} to .col-sm-12{width:104%}. This helps a little but its not really a good solution…

Which parameter are the best to change?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please roll back your all changes like that. I need your website url to check. May i know your screen size of your device ?

Thanks
Mohammad

[brebber]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

It seems you have added a woocommerce shortcode on your shop page. Please remove it, woocommerce will automatically add the products to that page when you assign it as your products page in the woocommerce settings

– Kyle

[brebber]

Hi Kyle,

I removed it but there is the same problem.
What else can I do?

[Rui Guerreiro – SUPPORT]

Hi,

It seems that you need to increase the site width to 1170px in Theme options-> General options.

Give it a try.

-Rui

[brebber]

Yes I try it out before and that helps a little, but with this settings the product-pictures went bigger/wider then before. And it doesent help me by the failure oft the right side of the shoppingcard (like you see on “shopbreite2.jpg”)

Should the template not be working correct with the smaller 940px settings?

Is there another possibility?

[Rui Guerreiro – SUPPORT]

Hi,

Will forward to the development team so they can give you the best advice on this issue.

-Rui

[brebber]

Thats fine, thanks.

[Mohammad – SUPPORT]

Hi,
Please wait for reply of development team.
Thanks
Mohammad

[Swift Ideas – Ed]

Can you provide a login for us to check? Have you set the shop page in WooCommerce > Settings > Catalog?

– Ed

[brebber]

This reply has been marked as private.

[Kyle – SUPPORT]

Can you please provide admin access so I can check your plugins

– Kyle

[Swift Ideas – Ed]

Please add this custom css:

@media only screen and (min-width: 1200px) {
body.woocommerce .has-no-sidebar ul.products li.product {
width: 212px;
}
}

That will solve the product width issue (fixed for next update).

This css is for the cart page fixes:

.woocommerce .quantity .minus, .woocommerce .quantity input.qty, .woocommerce .quantity .plus {
width: 30px;
}
#shipping_method li label {
font-size: 11px;
}

– Ed

[brebber]

@Ed

Thanks for your CCS-Tipps Ed,

it is a little bit better, but not really perfect.
The overview in the catalog mode is fine, but the pics at the bottom of the single product view are still too big. (pic1)

The fix for the shopping card doesn´t really work.

Attachments:

You must be logged in to view attached files.