-
Search Results
-
Hi, the chart (table) at the top of my cart page with the product, quantity, price, total etc somehow stretches far off to the right cutting off the “proceed to checkout” and “update cart” buttons — you have to expand the browser window all the way to the right to see them. It is not responsive to screen sizes and therefore you can’t check out on smaller screen sizes.
All other woo commerce pages and tables are formatted correctly within my site’s max width with the exception of the table atop the cart page.
I tried containing the [woocommerce_cart] short code on the cart page within the avia layout editor and that doesn’t seem to do anything.
i’m running WP 4.0 with the latest enfold theme 2.9.2 and latest woo commerce 2.2.4.
saw this thread: https://wordpress.org/support/topic/woocommerce-checkout-not-mobile-responsive
Seems to work ok with the default WP 2014 theme, but not with enfold theme.
any ideas?
UPDATE: I used the code below to force the cart tables to become responsive, however, the tables still do not respond on mobile phone portrait. If the user does not change to landscape, they have no way of checking out.
/* START Make the cart table responsive */ /* http://css-tricks.com/responsive-data-tables/ */ @media screen and (max-width: 640px) { /* Force table to not be like tables anymore */ .woocommerce-page table.shop_table, .woocommerce-page table.shop_table thead, .woocommerce-page table.shop_table tbody, .woocommerce-page table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .woocommerce-page table.shop_table thead tr { position: absolute; top: -9999px; left: -9999px; } .woocommerce-page table.shop_table tr { /*border: 1px solid #d2d3d3; */ } .woocommerce-page table.shop_table td { /* Behave like a "row" */ border: 1px solid #d2d3d3; position: relative; padding-left: 30% !important; } .woocommerce-page table.shop_table { border: none; max-width:1030px!important; } .woocommerce-page table.shop_table td.product-spacer { border-color: #FFF; height: 10px; } .woocommerce-page table.shop_table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } /* Label the data */ .woocommerce-page table.shop_table td.product-remove:before { content: "DELETE"; } .woocommerce-page table.shop_table td.product-thumbnail:before { content: "IMAGE"; } .woocommerce-page table.shop_table td.product-name:before { content: "PRODUCT"; } .woocommerce-page table.shop_table td.product-price:before { content: "PRICE"; } .woocommerce-page table.shop_table td.product-quantity:before { content: "QUANTITY"; } .woocommerce-page table.shop_table td.product-subtotal:before { content: "SUBTOTAL"; } .woocommerce-page table.shop_table td.product-total:before { content: "TOTAL"; } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { margin: 0; } .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions { text-align: left; border:0; padding-left: 6px !important; } .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt { float: left; margin-top: 10px; } .woocommerce-page table.cart td.actions div, .woocommerce-page #content table.cart td.actions div, .woocommerce-page table.cart td.actions input, .woocommerce-page #content table.cart td.actions input { margin-bottom: 10px; width: 100%; } .woocommerce-page .cart-collaterals .cart_totals { float: left; width: 100%; text-align: left; } .woocommerce-page .cart-collaterals .cart_totals th, .woocommerce-page .cart-collaterals .cart_totals td { border:0 !important; } .woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td, .woocommerce-page .cart-collaterals .cart_totals table tr.shipping td, .woocommerce-page .cart-collaterals .cart_totals table tr.total td { padding-left: 6px !important; } .woocommerce-page table.shop_table tr.cart-subtotal td, .woocommerce-page table.shop_table tr.shipping td, .woocommerce-page table.shop_table tr.total td, .woocommerce-page table.shop_table.order_details tfoot th, .woocommerce-page table.shop_table.order_details tfoot td { padding-left: 6px !important; border:0 !important; } .woocommerce-page table.shop_table tbody { padding-top: 10px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { float: none; width: 100%; } .woocommerce .order_details ul, .woocommerce-page .order_details ul, .woocommerce .order_details, .woocommerce-page .order_details { padding:0; } .woocommerce .order_details li, .woocommerce-page .order_details li { clear: left; margin-bottom: 10px; border:0; } } /* END Make the cart table responsive */Topic: Social share links
Topic: Problems with Layout-Editor
Hello Kriesi-Team,
i have installed the Enfold-Theme, used the newest Version of WordPress 4.0.
On my home page layout has been created with the Layout Editor. But recently I can not access the layout. In addition, I wanted to use the layout editor for my shop page, but this can not activate. The button is there, but the editor can not be activated … This is on all pages with no content so …
Can you help me?Hi,
I setup the Enfold theme and have managed to work with it quite well after a while. Now that my Website is basically finalised I have two issues I cannot solve, no Idea why (Website URL: http://www.advoluchs.de) :
#1 On the Top of the main page there seems to be a whitespace but it is not there in the visual editor (i.e. between the menu and the beginning of the content there is a lot of space – marked red & blue in the picture): http://i57.tinypic.com/30bmvkm.jpg
#2 In the Contact Form (built throught the contact form shortcode of the enfold theme) the button is in the middle of one field, no Idea why and I can’t change it, played around with the fields and it’s always in the middle of the last one: http://i57.tinypic.com/30aqjop.jpg
Hope you can help me solve this. Thanks in advance.
Hi there,
I have implemented the following:
http://kriesi.at/documentation/enfold/add-onclick-event-to-the-contact-form-submit-button/
onto my website: http://www.whitestagweddings.com/contact
Now I still don’t know how to successfully track contact forms via analytics. How would I finish this setup?
Alternatively, is there any other successfully proven way of doing this? I don’t want to use Contact Form7 etc.Many thanks,
AndyWe LOOVE Enfold for WordPress!!! By FAR the best template we have ever worked with- Thank you!!!
We are having one large problem with it though- we can see the play and forward buttons for the video, but it won’t play, and there are no errors displayed. Help! :)
I added this line to functions-enfold.php:
<?php
echo do_shortcode(‘[smartslider2 slider=”1″]’);
?>And my site went blank.
I used the back button to get back to the edit file screen and deleted the code and hit update file, but site is still blank.
Whoops! Help! Thanks!
Topic: demo content bug
Hi,
I installed the latest enfold theme (with child folder) and installed the demo content using the appropriate button in the theme settings.
the wordpress installation was just new, clean and empty.
the menu is not working (I guess is a bug in the mega-menu features) and all menu items overlap the slideshow.
Here if you want to see what happens: http://www.thesmartpoint.net/swt_it/
Is there any fix about it?
Thanks in advance
Giorgio
Hi! Im currently moving my website from an old template to Enfold, I currently have installed and exported the Dummy Data successfully but when i go and see the website on a mobile device, the Homepage slider or any other slider for that matter in the device won’t show, as well as the Menus (Menu button that reveals the menus) won’t show either. I have gone to the demo site of Enfold thinking that maybe it was a Safari compatibility, but the Enfold Demo sites works fine on my iPhone. Please help! :( I want to launch my website in a couple of days and not being able to have it completely functional in the iPhones and iPads is holding me back!
I would really appreciate a quick response!! thank you for all your work i love the theme, and all its features bust theme out there!
After the updates (both – WordPress AND Enfold) the theme is not working properly anymore. I can not use the “insert media” function and when i try to insert a new article picture the nice new lightbox-upload-window has disappeared but instead the old upload-window opens in the same tab and ich can not go back to the content anymore.
Since the “insert media” button on top of the content-block does not work i can not ad new products to my online shop which is kind of a big problem!!!
Please help!!!!!!
Hi,
I’m trying to set up a page in my project that has the same button look in the left sidebar with the same functionality but for the life of me I can’t do this.
Can you tell me how?
Many Thanks,
ScottTopic: Customisation Questions
Helllo, I have created a button on one of my menu items and it moves with the menu header shrink. But it is no quite in sync with the menu and social icons when i scroll.
When I scroll the “my Flights icon does not snap into thin header like menu and social icons. Its like there is a delay before the menu/background jumps up
Any help would be appreciatedli#menu-item-2644 a { padding: 5px 5px; background-color: #f58020!important; color: white!important; height: 25px!important; line-height: 15px!important; margin-top: 33px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none; }regards
MichaelHi,
Once again, i’d like to thank Kriesi’s team for always being so reactive !I have a little problem, I don’t know if it caused by using Enfold with WP 4.0.
I have created a one page website with parallax effect and when I click on each button in the navigation bar ( linked to each section of the page with links of this type : http://www.mywebsite.com/#section ), it works but the “smooth” scroll down effect is not working : it goes straight to the section as if it was gong to a new page instead of “moving ” down to the section ( if that makes sense ? ).
It was working perfectly with the old version of WP / Enfold.
Is there any solution to fix that ?Thank you for your help.
Topic: Update problems
Hi,
We are having troubles with our wordpress site after updating to version 4.0
We also got the last update for Enfold theme (that we are using), but there are several problems.
For example we can’t add links for text, we can’t see the advanced layout editor, (we click on related buttons and nothing happens), content elements don’t work etc.
You had a changelog that the theme is working with WordPress 4.0 and so we updated wordpress, but now we find ourself in real trouble as we can’t manage our website content anymore.Please let us know when you can fix this as we are in urgent need to work on content.
Hi
In the theme enfold, the components of the head (logo, menu, buttons of social networks.) they appear with a very low opacity and almost they are not seen in my tablet. In de destock is ok.Visualizing the thme demo from his page http: // kriesi.at/themedemo/? Theme=enfold
the same thing happens.Thank you
