Created
December 20, 2021 13:37
-
-
Save marcusig/04c77533b1efe53ad2b2d200f08a2cbc to your computer and use it in GitHub Desktop.
Change the display of the add to cart button on mobile
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@media (max-width: 660px) { | |
.mkl_pc .mkl_pc_container .mkl-pc-show-form { | |
display: none; | |
} | |
.mkl_pc .mkl_pc_container footer .form.form-cart { | |
position: relative; | |
padding: 0; | |
background: transparent; | |
box-shadow: none; | |
border-radius: 0; | |
bottom: auto; | |
width: auto; | |
flex-direction: row; | |
align-items: center; | |
left: auto; | |
padding-right: 5px; | |
} | |
.mkl_pc .mkl_pc_container footer .form.form-cart .pc_configurator_form button { | |
margin: 0; | |
} | |
.mkl_pc .mkl_pc_container footer .form.form-cart .pc_configurator_form button.configurator-add-to-cart { | |
font-size: 17px; | |
line-height: 1.3; | |
flex: 4; | |
} | |
.mkl_pc .mkl_pc_container footer .form.form-cart .pc_configurator_form form.cart { | |
flex: 2; | |
} | |
.mkl_pc .mkl_pc_container .form.form-cart .pc-total-price { | |
margin: 0; | |
margin-right: 5px; | |
} | |
.mkl_pc .mkl_pc_container .form.form-cart .pc-total-price { | |
width: 30%; | |
font-size: 1em; | |
} | |
..mkl_pc .mkl_pc_container footer .form.form-cart .pc_configurator_form form.cart { | |
width: 30%; | |
} | |
.mkl_pc .mkl_pc_container footer .form.form-cart .pc_configurator_form .quantity.d-flex .dec, | |
.mkl_pc .mkl_pc_container footer .form.form-cart .pc_configurator_form .quantity.d-flex .inc, | |
.mkl_pc .mkl_pc_container .extra-cost.show { | |
display: none !important; | |
} | |
.mkl_pc .mkl_pc_container footer .form.form-cart .pc_configurator_form { | |
flex-direction: row; | |
} | |
body.configurator_is_opened .pc_configurator_form { | |
border: none; | |
} | |
body.configurator_is_opened .pc_configurator_form hr { | |
display: none; | |
} | |
body.configurator_is_opened .pc_configurator_form .quantity-wrapper.margin-bottom-small.d-flex.flex-column.margin-bottom-small { | |
margin: 0; | |
} | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment