Great news that it’ll be fixed in WooCommerce 3.0.1! I guess the best thing for now is to work with the “child theme hack”:
1. https://kriesi.at/support/topic/enfold-theme-woocommerce-product-images-not-showing-as-of-4-4-17/page/2/#post-772482
2. https://kriesi.at/support/topic/enfold-theme-woocommerce-product-images-not-showing-as-of-4-4-17/#post-772346
No css changes or other stuff needed!
Hi all,
@DEVGEN Please adjust the code like so
.html_stretched #wrap_all {
background-color: #282b2e;
overflow:hidden !important;
}
@all The menu on DEVGEN’s is not supposed to scroll because it’s height is less than view height and so all of it is visible.
The mobile menu on corefocusgroup site is bigger than the view height so it scrolls. My suggestion would stop the page scroll passed menu (like it is supposed to be).
Your pages are not the same and issues are not the same, even though they might seem the same. The pages are built differently.
When you do the changes, please make sure to press ctrl+f5 for Windows and cmd+r for Mac.
Please feel free to ask any more questions.
Best regards,
Victoria
Hi,
Your code should be as following
#header #text-2 {
left: 50%;
padding-top: 10;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}
#header #text-6 {
left: 50%;
padding-top: 10;
position: absolute;
top: 0;
transform: translate(-75%);
z-index: 999;
}
Best regards,
Yigit
Hi guys.
I was testing in this site: http://webdeprueba.me/
I like this menu, i know how to show on desktop the mobile menu:
`@media only screen and (min-width: 1024px) {
nav.main_menu {
display: none !important;
}
#advanced_menu_toggle, #advanced_menu_hide {
display:block !important;
right: auto;
}
}
But, i want to hide the current menu in http://webdeprueba.me/, and appears from left the current menu and use a burguer icon.
I need to use the class: container_wrap container_wrap_logo?
Thank you very much for support.
Kind regards.
Hi,
I can’t see the issue when emulation iPad on my desktop browser, but I asked my teammate to check it. Please wait until he’ll reply to you.
Best regards,
Andy
Thanks, but I found something here in the forum, which works fine:
http://screencloud.net/v/rJWDj
In case that someone needs the CSS, too:
#commentform p {
padding: 0;
}
#commentform label {
position: relative;
left: auto;
margin-bottom: 5px;
}
#top .comment-form-url input,
#top .comment-form-email input,
#top .comment-form-author input {
margin-bottom: 10px;
}
and for those, who use the “Subscribe-to-comments-reloaded” plugin for comments subscriptions, the CSS for this are:
input#subscribe-reloaded {
margin-left: 0;
width: 10px !important;
}
p.comment-form-subscriptions label {
margin-bottom: 20px !important;
}
and for highlighting author’s comments:
ol#comments li.bypostauthor {
background: #f2edf4 none repeat scroll 0 0 !important;
padding: 10px;
}
If this helps any, when I tested an update the Product Grid gave me a large error in the first area of the site. We reverted back to the previous version of WooCommerce.
This was the error:
Notice: id was called
incorrectly
. Product properties should not be accessed directly. Please see Debugging in WordPress for more information. (This message was added in version 3.0.) in /home2/shopjade/public_html/wp-includes/functions.php on line 4137
class=”post-6479 product type-product status-publish has-post-thumbnail product_cat-tops product_cat-featured first instock taxable shipping-taxable purchasable product-type-variable has-default-attributes has-children”>
Is this related to us using the Product Grid/Product Grid Slider? Img here: https://www.screencast.com/t/Wj9gt22GT9d
Dear Enfold team,
on my homepage I’m using right-aligned buttons & separators to achieve a “tabby” look, please check here:
I use negativ margins on the separators, but there is some hard-coded space between the top of the “blog entries” element – increasing the negative margin doesn’t get rid of the white space between the separator and the featured image.
Is there any solution to this? I’m using a custom id on my homepage, I only want to change the look there.
thanks in advance,
greetings, Ritchie
Hi,
We can just remove either menu bar completely via css to move the other to the top. It would be easier if I could actually see the site so I know which ids to target. If it is behind a under construction wall, you can provide admin info privately so I can log in and look into this further.
Best regards,
Jordan Shannon
Hi
on my sidebar I have a widget which shows the top articles/page/item portfolio, but the homepage is included, is it possible to exclude the homepage of the list ?
Thanks for your help
it still has the search function in it though and displays that. Is there a way to move the main menu to the top like the secondary menu?
or is there a way to move the main menu to the top like the secondary menu?
While this is working fine in Standard Editor of WordPress, the Avia Editor doesn’t keep it’s buttons on top of the page, making it a weird scrolling orgy to format a text that is longer than a few lines.
Is there some switch where I can hold it on top?
The other question is about the preview field on the right hand side next to the editor. Can it be switched off somewhere if I prefer to have more working space ??
Thank you in advance.
Kind regards
Ralf
Well, the css works fine with my first added header widget, but not the second one:
#header #text-2 {
left: 50%;
padding-top: 10;
position: absolute;
top: 0;
transform: translate(-50%);
z-index: 999;
}
#headerB #text-6 {
left: 50%;
padding-top: 10;
position: absolute;
top: 0;
transform: translate(-75%);
z-index: 999;
}
It’s ignoring the css for whatever reason. I have triple checked the code, and it is text-6.
a screen shot-the second header image is behind the logo ignoring css.

There is already a couple of threads dealing with this issue.
You might be interested in overloading the product-image.php from WooCommerce 3.0 with the old one from 2.6.14 as a temporary workaround.
For those familiar with child themes
For those NOT familiar with child themes
That did fix it, the only problem is the video is HUGE!! LOL!
Hey staff, let’s try to resolve this. I will leave this page alone.
If the resolution is 640×360, no problem. It autoplays, no bars. Once I change the size, I get black bars.
Thanks in advance.
-
This reply was modified 8 years, 11 months ago by
jungleboy.
Hello, I follow your instructions but may be do not work http://www.myunica.it/richiesta-preventivo/
1) I have copy this file from enfold/framework/php/class-form-generator.php to my child folder and disable only this raw
/*if ( ! defined( ‘AVIA_FW’ ) ) exit( ‘No direct script access allowed’ );*/
2) I have added on top function.php
require( ‘class-form-generator.php’ );
hi.
i need to place a mailchimp signup form but with two o three colums, button in the same line…etc.
i mean…how can i change the look and feel of the form?
please see my site (private); at home there are two forms (one at the top, other at the bottom of the page).
could you help me to achieve that look and feel?
thanks!!!
You might be interested in overloading the product-image.php from WooCommerce 3.0 with the old one from 2.6.14 a s a temporary workaround.
For those familiar with child themes
For those NOT familiar with child themes
Hello,
You have earlier helped me making a facebook like box in the header of this site: http://www.myredbag.dk/. It have worked fine but suddenly the counting shows 0 likes but the facebook site https://www.facebook.com/myredbag.dk/ got 1659 likes. What went wrong?
The earlier topic is named “Top bar”.
Best regrads,
Helle Østergaard
Hi there
Just wanted to approve the gallegy/mansonry at a new website I’m working on and magnified images do not appear at properly position.
When I look at the CSS it looks like this in «INLINE»:
Element {
top: 559px;
position: absolute;
height: 2373px;
}
The website is:
Thank you!
Hi,
Thanks for checking in. I am beginning to think this has something to do with caching. I made some changes last night using my normal method of editing CSS file. A few changes, no problem. I use Chrome, TextMate and Emmet LiveStyle to edit CSS. I saved my changes to the server and all good. Then I made one more change. Very small but obvious. I added 25px of padding to top of footer. Looked great in LiveStyle. I saved to server, turned off LiveStyle and refreshed browser. No 25px. Had enough for the night and walked away. This morning 25px is there.
I can confirm that the child CSS file is loading. You can take a look too.
Could this just be browser cache? I’ve not seen it do that before.
I have included the link and I can give you credentials if you need them. I do appreciate your efforts.
Thanks,
Kevin
Any updates on this topic?
@georgecornelius and all other users who do NOT have a child theme yet just follow this steps:
1. Download https://mensmaximus.de/dokumente/enfold/enfold-child.zip
2. Login to wordpress and select Appearance -> Themes in the admin menu
3. Click on ‘add new’ (top left of the theme page)
4. Click on ‘upload theme’ (top left of the theme page)
5. Click on the file select button and chosse the enfold-child.zip file from step 1
6. Click on ‘Install now’
7. Activate the Enfold Child Theme after the installation has finished
8. Follow the instructions from http://kriesi.at/documentation/enfold/using-a-child-theme/
9. Ignore the woocommerce message about outdated files. This is caused by the overload as the zip packed already contains the old product-image.php. The message confirms you have successfully finished overloading.
Again: This is only for those who do NOT have a child theme already.
Hey Rikard,
I think that did the trick. The submenu (top) works as it should now.
Ive tried on Chrome, Firefox and Edge and i got the same problem on all 3 of them. I use chrome as default browser.
Thanks!
Hey unicaweb,
Please use a child theme – http://kriesi.at/documentation/enfold/using-a-child-theme/ and copy unmodified enfold/framework/php/class-form-generator.php file and paste it inside enfold-child folder and find following at the top and remove it (please do not remove PHP opening tag)
if ( ! defined( 'AVIA_FW' ) ) exit( 'No direct script access allowed' );
and then add following code to Functions.php file of your child theme
require( 'class-form-generator.php' );
Then modify the file to apply your changes :)
Best regards,
Yigit
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.title_container .breadcrumb {
left: 50px;
}
.title_container .main-title {
top: 15px;
}
Best regards,
Yigit
Hi,
Try to use this plugin: https://wordpress.org/plugins/autoptimize/
Hope it helps :)
Best regards,
Nikko
Hey noelle,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top #header .av-main-nav > li > a {
line-height: 140px !important;
}
Hope this helps :)
Best regards,
Nikko