compact cart formatting error

[elupien]

I have a WP page. Using Beaver Builder.

Have these 3 short codes in a text editor on a page where I’m selling a service:

I have 600px wide of space where I put this short code.

[wp_eStore_fancy1 id=1]

[wp_eStore_save_retrieve_cart]

[wp_eStore_display_compact_cart4]

When I click the Add to Cart button, what I add gets added ok.

When I add a 2nd item, the “View Card” link in this compact cart view of the compact cart breaks up into 2 lines. So that View appears on the top line, at right, and Cart appears on a second line, at left. kinda f-ugly.

I have 0 padding. Help?

[admin]

Post the URL of the page where we can go and check what you are saying so I can inspect the HTML and CSS of the page.

[elupien]

lovingpaws.ca/services/

Select any of the services in the top accordion, e.g. Dog Walking.

Add at least 2 items to the shopping cart, and you should see how the word ‘cart’ breaks over to the next line.

Thank you.

[admin]

Thank you. That compact cart has a max width of 240px at the moment. Normally that should be enough. The little extra padding of the theme is making it wrap to 2nd line when it has to use the word “items”. Please add the following custom css to your site and that should fix it:

.eStore_compact_cart4 {

max-width: 260px !important;

}

You can add the custom CSS from the following interface of your site:

WP Dashboard -> Appearance -> Customizer -> Additional CSS

[elupien]

Done, and a big thank you.

[Author]

Posts