Hi!

You can modify the mouse over transition on js > avia.js, look for this code around line 1202:

sublist.stop().css({visibility:'visible'}).animate({opacity:1}, 5000);

Adjust animate duration:

sublist.stop().css({visibility:'visible'}).animate({opacity:1});

For the mouseleave event, edit the code below:

sublist.stop().animate({opacity:0}, 5000, function()

Replace it with:

sublist.stop().animate({opacity:0}, function()

Adjust the value as you please.

Cheers!
Ismael

Hi!

Alright. You can hide specific elements of the product page using css. Give us a screenshot of the product layout that you have in mind, we’ll give you some css snippets. For further modifications, please contact the WooCommerce support or hire a freelance developer. You can find one on codeable: http://kriesi.at/contact/customization

And just so you know, you can use the magazine element or blogs posts element to showcase your products without the default product elements like add to cart, price etc. If you want to remove certain elements in the single product page view, like I said, we can use css to hide those elements.

Best regards,
Ismael

Hey!

Try to set the header height on Enfold > Header > Header Size. Set it to custom pixel value then adjust the Header Custom Height value.

Cheers!
Ismael

Hey!

Alright. Please post the website url here, we would like to check it. Also, place the css mod here so that we can test it on our installation.

Best regards,
Ismael

Hi!

Add this in the functions.php file:

#
# removes the default post image from shop overview pages and replaces it with this image
#
function avia_woocommerce_thumbnail_mod($asdf)
{
	global $product, $avia_config;
	$rating = $product->get_rating_html(); //get rating

	$id = get_the_ID();
	$size = 'shop_catalog';

	echo "<div class='thumbnail_container'>";
		echo avia_woocommerce_gallery_first_thumbnail( $id , $size);
		echo get_the_post_thumbnail( $id , $size );
		if(!empty($rating)) echo "<span class='rating_container'>".$rating."</span>";
		if($product->product_type == 'simple') echo "<span class='cart-loading'></span>";
	echo "</div>";
}

add_action( 'woocommerce_after_single_product_summary', 'avia_woocommerce_thumbnail_mod' );
remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );
remove_action( 'woocommerce_before_shop_loop_item_title', 'avia_woocommerce_thumbnail', 20);

Cheers!
Ismael

Hey!

It works fine on our installation. We set the header height to large, on default header, height is 116px. If we switch to transparent header, height is still 116px. We are using the default enfold logo and logo / menu position is set to “logo left, menu right”. Make sure that you don’t have any css modifications related to the header.

Regards,
Ismael

Hi!

I’m sorry but I think you misunderstood the concept of the theme location. After creating the menu and setting it as Enfold Child Main Menu, did you add the menu items or pages again? If a theme location is not set, WP will automatically add newly created pages in the main menu. This is your problem at first so in order to fix that, you have to create a menu on Appearance > Menus panel then set it as Enfold Main Menu. This will give you control which menu items to display in the main menu. You have to add the pages or menu items manually. Please refer to this link for more info: https://codex.wordpress.org/WordPress_Menu_User_Guide

Regards,
Ismael

Hi!

That is the top position of the logo image, not padding. Yes, a transparent space on the actual image could work. Let us know if you figure it out.

Regards,
Ismael

Hey Fionadee!

Thank you for using Enfold.

The Quick CSS field will not be overwritten when you update the theme but if you want a bullet proof update, use a child theme then add the css modifications in the style.css file. Creating a backup won’t hurt either.

Cheers!
Ismael

Hey Ballabird!

Thank you for using Enfold.

The site is still using 3.0.4 when I visit the site. Please update to version 3.2 then we’ll check it again. Please contact the plugin author for more info regarding the issue.

Best regards,
Ismael

Hi!

Glad you figured it out. :)

Cheers!
Ismael

Hey!

Looks like you’re using an unlicensed version of the plugin or it is not registered yet. Please buy a license or use an existing wpml key before using the plugin in your installation. Please contact the wpml support regarding the issue.

Cheers!
Ismael

Hi scotthco!

Thank you for using Enfold.

Use the fullwidth submenu element to replace the default sidebar menu on mobile device. Edit the element then set the Mobile Menu Display to the second option. Use css media queries to show or hide the menus.

Cheers!
Ismael

Hey ablando!

Thank you for using Enfold.

Did you set this pages as child page of another page? Add this to the Quick CSS field to change the link color:

#top .header_color .main_menu .menu .avia_mega_div ul .current-menu-item > a {
  color: #808080;
}

Cheers!
Ismael

Hi!

@abskevin: Based on the video, it looks like you’re expecting to see the content of the default editor in the advance layout builder. I’m sorry but the two editor contains different content. You can’t switch between the two. You need to recreate the content of the default editor in the advance layout builder vice versa.

@ckerr44: Try to deactivate all plugins or shift + refresh (hard refresh) the page.

Cheers!
Ismael