Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Sorry, the billing fields still stop short of full width... its not a huge problem, as the full width script you gave me also makes desktop full width, but i prefer desktop in two columns.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px){
.checkout .col2-set .col-1 {
width: 100% !important;
}
.checkout .col2-set .col-2 {
width: 100% !important;
}
}
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px){
checkout .woocommerce-shipping-fields, .checkout .woocommerce-billing-fields {
padding-right: 0px;
}
}
Hi,
On the first cart page the 'cart totals' are in the right column on mobile. Can I make this full screen?
Thanks
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100% !important; }Thanks
ThemeNectar Support Team
Thats great thanks. And what about the next page 'billing details' - they don't display full screen width.
Thanks
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.checkout .col2-set .col-1 { width: 100%; } .checkout .col2-set .col-2 { width: 100%; }Thanks
ThemeNectar Support Team
Hi
That last code didn't work...
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.checkout .col2-set .col-1 { width: 100% !important; } .checkout .col2-set .col-2 { width: 100% !important; }Thanks
ThemeNectar Support Team
Sorry, the billing fields still stop short of full width... its not a huge problem, as the full width script you gave me also makes desktop full width, but i prefer desktop in two columns.
So what exactly do you need now ?.
ThemeNectar Support Team
Hi. Can you give me script that gives mobile full width, desktop as is in default? for the billing details.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px){ .checkout .col2-set .col-1 { width: 100% !important; } .checkout .col2-set .col-2 { width: 100% !important; } }Thanks
ThemeNectar Support Team
Hey, that code doesn't work either... the billing details section on mobile doesn't reach the full width of the screen yet.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px){ checkout .woocommerce-shipping-fields, .checkout .woocommerce-billing-fields { padding-right: 0px; } }Thanks
ThemeNectar Support Team
Wonderful! Thanks.