Title: checkout Evolve problem
Last modified: April 30, 2020

---

# checkout Evolve problem

 *  [jzamoraaspa](https://wordpress.org/support/users/jzamoraaspa/)
 * (@jzamoraaspa)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/checkout-evolve-problem/)
 * Hello
 * I have installed woocommerce on a website with evolve and a problem appears at
   checkout, and is that the fields to enter shipping address, and billing are compressed
   to the left of the page (attached image).
 * Please help
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcheckout-evolve-problem%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Theme Author [Evgeny Viner](https://wordpress.org/support/users/evgenyviner/)
 * (@evgenyviner)
 * [6 years ago](https://wordpress.org/support/topic/checkout-evolve-problem/#post-12793304)
 * Hi. I’ve checked your website – now everything appears to be in order. If you
   still need help, let me know
 *  [willygsd](https://wordpress.org/support/users/willygsd/)
 * (@willygsd)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/checkout-evolve-problem/#post-13055723)
 * I am having the same problem. I renamed the woocommerce folder in \evolve to 
   no_woocommerce, but still having a problem. It appears the customer name/address
   are all being shoved into a col-1 bootstrap column, so it’s unreadable.
 * When I switch the theme to storefront, it looks fine, but evolve it’s not.
 * Here’s a link to my cart.
 * [https://blackhillscoffee.com/bhc_wp/checkout/](https://blackhillscoffee.com/bhc_wp/checkout/)
 * p.s. I just updated evolve to 4.2.7 and still has billing shipping info in a 
   super narrow column.
    -  This reply was modified 5 years, 11 months ago by [willygsd](https://wordpress.org/support/users/willygsd/).
 *  [willygsd](https://wordpress.org/support/users/willygsd/)
 * (@willygsd)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/checkout-evolve-problem/#post-13055758)
 * re: the checkout issue..Here is what viewing the elements in browser debugger
   shows..
    <div class=”col2-set” id=”customer_details”> <div class=”col-1″> <div
   class=”border p-4″> <h4>Billing details</h4>
 * removing the ‘class=”col-1″‘ from the 2nd div turns the screen into a normal,
   readable screen.
 *  [willygsd](https://wordpress.org/support/users/willygsd/)
 * (@willygsd)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/checkout-evolve-problem/#post-13055894)
 * If someone else is having a similar problem. I implemented a fix. I wish there
   was a better one, but this works.
    In the function.js called by my child theme,
   I added the following code. It removes the col-1 class from the offending column.
   It also removes col-2 class from ship to address info.
 * jQuery(document).ready(function($) {
    if ( document.title = “Checkout � Black
   Hills Coffee” ){ jQuery( “div”).removeClass( “col-1 col-2”); } });
    -  This reply was modified 5 years, 11 months ago by [willygsd](https://wordpress.org/support/users/willygsd/).

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘checkout Evolve problem’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/evolve/4.3.7/screenshot.png)
 * evolve
 * [Support Threads](https://wordpress.org/support/theme/evolve/)
 * [Active Topics](https://wordpress.org/support/theme/evolve/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/evolve/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/evolve/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [willygsd](https://wordpress.org/support/users/willygsd/)
 * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/checkout-evolve-problem/#post-13055894)
 * Status: not resolved