-
-
Hi there, can you please tell me if the Tower Theme/Woo checkout process should be responsive? My site is a mess beyond the shop on smartphones. My Account, Checkout and Cart are all over the screen. How can I fix this please?
URL: https://newlivingaustralia.com.au
Thank you.
Merrin
-
Hello,
These are Woocommerce forms and get the styling css from the plugin’s files. Not from theme. I suggest you change it using custom css. You can add the code into your Custom Css Box in General Options.
Example code for the “My account” page:@media (max-width: 480px){ .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { width: 100% !important;} .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100% !important;} }
Result screenshot.
Let us know if you need help with it.Best regards!
-
Thanks Mihaila, that worked beautifully. Can you please head me in the best direction to do the same for the Cart page as this isn’t responsive?
Thanks again.
Merrin -
Hello,
Please add this code into your custom css box:
@media (max-width: 979px){ .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: left !important; text-align: left !important; } .woocommerce table.shop_table { margin-left: -32px !important;} .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { padding: 9px 3px !important;} }
This is all it can be done using only custom css. We will add this in our to-do list to check for the next theme update.
Best regards!
-
Thanks Mihaila, but that hasn’t made any difference. Do you know why? Do you know of a plugin that can help. Is this Tower or Woo?
Regards,
Merrin -
Hello,
Sorry for the late reply.
I could recommend you to use a custom plugin in order to make the cart responsive and customize it any further.
An example is:WooCommerce Cart – WooCart ProBest regards!
-
Thanks Mihaila. Purchased the plugin but it has made no difference and the cart is not responsive. Also spent hours on Visual Composer which didn’t help. Very frustrated now. Tower theme is obviously very outdated and not appropriate for a modern e-commerce platform and the documentation is misleading. Can the theme author help with this.
Can you also update my account status to current.
Regards,
Merrin
-
Hello,
I have forwarded your topic to theme developer team.
We will notify you on the matter soon. We require your patience until then.Thank you!
-
Hello,
Please can you add this line into General > Custom Css Box :
<code>
@media (max-width: 979px){
.woocommerce table.shop_table
{- margin-left: 0px !important;
}}</code>Click on save.If you send your wp credentials we can fix all the issue you have experienced with responsive.Sorry for the delay.Let us know.Regards! -
-
Hello,
Sorry for the late reply.
You had a few errors in the code pasted in custom css box. I fixed it and added a few lines to change the mobile layout of cart. This is the code added:@media (max-width: 979px){ .woocommerce table.shop_table { margin-left: 0px !important;} td.product-thumbnail { display: none;} th.product-thumbnail { display: none;} td.product-price { display: none;} th.product-price { display: none;} td.product-quantity { width: 50px !important; }
Please check your cart page and let us know.
Best regards!
-
-
-
You must be logged in to reply to this topic.