Hi Ismael,
now I have almost done it. would you please look at the test-site (link in private content)

I just need a little help with the woocommerce-tabs and product description. It is too small.
It should be place nearby the sidebar as wide as product image + product summary together.

The following steps I have done:

I added in function.php

#
# wrap single product image in an extra div
#

function avia_add_image_div() {
 echo "<div class='single-product-main-image alpha'>";
}

function avia_close_image_div() {
 echo "</div>";
}

#
# wrap single product summary in an extra div
#

function avia_add_summary_div() {
 echo "<div class='single-product-summary'>";
}

function avia_close_summary_div() {
        global $avia_config;
        echo "</div>"; //close out the summary	
        $avia_config['currently_viewing'] = "shop_single";
		get_sidebar();	
}

function avf_product_sidebar_layout_mod($layout){
 if( is_single() )$layout = "sidebar_left";
 return $layout;
}

add_action('init', 'ava_product_sidebar_mod');
function ava_product_sidebar_mod() {
 add_action( 'woocommerce_before_single_product_summary', 'avia_add_image_div', 2 );
 add_action( 'woocommerce_before_single_product_summary', 'avia_close_image_div', 20 );
 add_action( 'woocommerce_before_single_product_summary', 'avia_add_summary_div', 25 );
 add_action( 'woocommerce_after_single_product_summary', 'avia_close_summary_div', 3 );
 add_filter( 'avf_product_sidebar_layout', 'avf_product_sidebar_layout_mod', 5);
}

and in enfold/config-woocommerce/config.php I deleted

$sidebar_setting = avia_layout_class( ‘main’ , false );
and added
$sidebar_setting = apply_filters( ‘avf_product_sidebar_layout’, avia_layout_class( ‘main’ , false ) );

in child css I added:

.single-product .product {
width: 68%;
margin-left: 4%;
clear: none;
float: right;
}

.single-product-main-image {
    width: 50%;
}

.single-product .reviews_tab{
display:none;
}

.single-product .sidebar {
    padding-top: 10px;
}

Would you help me the last step, please

Thank you

Hi Yigit,

Thank you that did work – but now the colored columns are half into the logo and top menu. How would you suggest I fix this?

Also – how do you make the menu headlines to be the color white?

I activated the main them, flushed my cache and that did not help.
I deleted and replaced the shortcodes.js file, that did not help.
I deleted and replaced the entire enfold directory, that did not help either.
Looking at the source of the page that is generated everything including the masonry gallery seems to be created and correct to display.
The page is there and the pagination is working, but all I get is white. Could this be an overlay or something that is covering up the actual gallery? I purposely did not import my settings file so we could work directly with the theme file.
This is completely beyond what I can troubleshoot. I have tested again in all three browsers.

I am still seeing this error. I noticed its in the MASONRY section of the shortcodes.js
TypeError: container.isotope is not a function
shortcodes.js:1211:4
TypeError: container.isotope is not a function
shortcodes.js:1211:4

Hey Andy,

The issue is the gap between main content and the header. The white padding is not part of the fullscreen slider. It appeared when i reduced the header with the code you can see in the beginning of this thread. Moreover, it affects the menu as it opens up at a distance from the header. All that can be seen on your screen shot. If you go to the page on either iPhone or desktop, there no gap issue.

• This reply was modified 9 years, 10 months ago by mepho.

Thanks, I’m using a menu in the page. it still brings up a gap at the top though

By the way…
I overseen the post of NMOI:
https://kriesi.at/support/topic/how-to-update-embedded-layerslider/#post-628567 …wich helped me out! thxx! ;-)