Hi!

Please remove the sidebar modifications in the functions.php and Quick CSS field. Add this code in the functions.php.

// adjust settings on init
add_action('init','ava534345953_init', 50);
function ava534345953_init() {
	add_action( 'woocommerce_after_single_product_summary', 'avia_add_sidebar', 25);
       remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
	remove_action(    'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 );
	add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 20 );
}

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

function avia_add_sidebar() {
	if(is_product()) {
	$avia_config['currently_viewing'] = "shop_single";
	get_sidebar();
	}
}

And this code in the Quick CSS field:

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

.single-product-summary {
    overflow: hidden;
    width: 45%;
    float: left;
    margin-right: 5%;
}

.single-product .sidebar {
    width: 25%;
}

#top div.product .woocommerce-tabs {
    width: 75%;
    float: left;
}

Best regards,
Ismael

Hi,

Thanks for the feedback @aerobis

Please let us know if you should need any further help on the topic.

Best regards,
Rikard

Hi!

Apply a minimum height to the description containers.

#top .inner_product_header {
    min-height: 178px;
}

Regards,
Ismael

Hi,

Please try adding !important rule to the code as following

@media only screen and (max-width: 480px) {
.responsive #top .logo {
    padding-bottom: 20px !important;
}}

If that still does not work, please create a temporary admin login and post it here privately.

Best regards,
Yigit

Hey!

Please add following code to Quick CSS as well

.html_header_sidebar #top #header {
    width: 200px;
}

Best regards,
Yigit

Hey rolf2,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

.toggle_content.invers-color, .flex_column.av_two_third.flex_column_div.av-zero-column-padding.first.avia-builder-el-16.el_before_av_one_third.avia-builder-el-first, .flex_column.av_two_third.flex_column_div.first.avia-builder-el-19.el_after_av_one_full.el_before_av_one_third.column-top-margin, .flex_column.av_three_fifth.flex_column_div.first.avia-builder-el-1.el_before_av_two_fifth.avia-builder-el-first, .flex_column.av_three_fifth.flex_column_div.first.avia-builder-el-3.el_after_av_one_full.el_before_av_two_fifth.column-top-margin, .flex_column.av_two_third.flex_column_div.first.avia-builder-el-3.el_after_av_one_full.el_before_av_one_third.column-top-margin, .flex_column.av_one_half.flex_column_table_cell.av-equal-height-column.av-align-top.first.avia-builder-el-2.el_after_av_textblock.el_before_av_one_half.column-top-margin, .flex_column.av_one_half.flex_column_table_cell.av-equal-height-column.av-align-top.avia-builder-el-4.el_after_av_one_half.avia-builder-el-last.column-top-margin, .flex_column.av_one_third.flex_column_div.avia-builder-el-21.el_after_av_two_third.el_before_av_one_half.column-top-margin, .flex_column_table.av-equal-height-column-flextable {
    opacity: 1;
}

Best regards,
Yigit

Hey patricknh,

Please edit your page and click “Screen options” on the right top corner and check “Revisions” then scroll below your content and revert the changes you made and then look for the incorrectly added HTML tag. That is the cause of the issue most of the time

Best regards,
Yigit