Skip to content

Instantly share code, notes, and snippets.

@marcusig
Created December 20, 2021 13:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save marcusig/04c77533b1efe53ad2b2d200f08a2cbc to your computer and use it in GitHub Desktop.
Save marcusig/04c77533b1efe53ad2b2d200f08a2cbc to your computer and use it in GitHub Desktop.
Change the display of the add to cart button on mobile
@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