Hi ninanina!

Thank you for using Enfold.

I’m sorry but the translated version of the inquiry on google translate is a bit unclear. Can you please provide a screenshot of the issue? Use imgur or dropbox for the screenshots.

From what I understand, you have a problem with the menu styling, column layout and something about the layer slider. You can change the menu style on Enfold > Advanced Styling panel. Regarding the column layout, you can stack columns next to each other, for example, two 1/2 columns or 5 1/5 columns side by side. You can also test the Grid Row element if you want to create nested columns.

Cheers!
Ismael

Hey!

Please add this in the Quick CSS field to fix the main container:

.html_boxed #main {
  width: 100%;
}

And try this one to fix the header:

.header-scrolled {
  top: 0 !important;
}

Best regards,
Ismael

Hi chanleo!

Thank you for using Enfold.

Edit config-templatebuilder > avia-shortcodes > logoslider.php, look for this code:

 $output .= "<div {$single_data} class='slide-entry flex_column no_margin {$post_class} {$grid} {$extraClass} {$thumb_class}'>";
                    $output .= !empty($link) ? "<a href='{$link}' data-rel='slide-".avia_partner_logo::$slider."' class='slide-image' title='{$linktitle}' {$blank} >{$img}</a>" : $img;

Replace it with:

  $output .= "<div class='slide-entry flex_column no_margin {$post_class} {$grid} {$extraClass} {$thumb_class}'>";
                    $output .= !empty($link) ? "<a href='{$link}' data-rel='slide-".avia_partner_logo::$slider."' class='slide-image' title='{$linktitle}' {$blank} >{$img}</a>" : $img;
                    $output .= "<div class='custom-tooltip'>{$hover}</div>";

Please create a change log of this modifications in case you update the theme.

Best regards,
Ismael

Hi Nic_007!

Thank you for using Enfold.

You added a color section element which pushes the sidebar at the bottom of the page. Remove the color section element.

Cheers!
Ismael

Hey tendersqatar!

Thank you for using Enfold.

Add this in the Quick CSS field:

function woocommerce_product_review_list_args_mod($args){
  $args['per_page'] = 1;
  return $args;
}
add_filter( 'woocommerce_product_review_list_args', 'woocommerce_product_review_list_args_mod' );

Regards,
Ismael

Hi satucker!

Thank you for using Enfold.

Yes, it is possible. You can add this in the Quick CSS field:

.home .logo { display: none; }

Best regards,
Ismael

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