Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 24, 2018 at 1:05 pm #1048972
    mantas0527

    Hello there, Happy Xmas for everyone! :)

    Currently I would like to make 2 columns checkout page since there is no reason for people to scroll down so much. I searched Enfold forum but couldn’t find any help. Is there a way to solve this?

    https://prnt.sc/lyy195

    • This topic was modified 5 years, 12 months ago by mantas0527.
    December 26, 2018 at 4:32 pm #1049103
    Nikko

    Hey mantas0527,

    Try adding this css code in QUick CSS (located in Enfold > General Styling):

    #top.page-id-449 form.checkout.woocommerce-checkout #customer_details {
    width: 48%;
}

#top.page-id-449 form.checkout.woocommerce-checkout #customer_details .col-1 {
    float: none;
    width: 100%;
}

#top.page-id-449 form.checkout.woocommerce-checkout #order_review, 
#top.page-id-449 form.checkout.woocommerce-checkout #order_review_heading {
    clear: none;
    float: right;
    width: 48%;
}

    Best regards,
    Nikko

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.