Hey peterolle,
single product pages contain the body class single-product so you could use

.single-product #av_section_1 {
	border: red solid 2px;
}

for the whole section

but if you only want the style the related products items, it contains the classes related products so you could use

.single-product .related.products .product {
	    border: red solid 2px;
}

Best regards,
Mike

Hi,
Ok, I didn’t understand your original request to be full width, so try this:

function av_woo_tabs_below_product_summary_full_width() { 
    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 );
    } 
add_action( 'init', 'av_woo_tabs_below_product_summary_full_width');

Best regards,
Mike

Hi,
For mobile width I see that your grid is two columns wide and the items in the right column have a right margin, so try adding this css for mobile devices, it will remove the margin and adjust the width of the items to fill the grid width like above.

@media only screen and (max-width: 767px) { 
	.responsive #top #main .container_wrap_first.shop_columns_3 .products .product:nth-child(even) {
    margin-right: 0;
}
.responsive #top #main .container_wrap_first.shop_columns_3 .products .product {
        width: 46%;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
I also checked the tablet sizes when the columns first become three wide and it looks good there.

In case you are checking the css on a iPhone, please note that iPhones can be hard to clear the cache, often you also need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hey peterolle,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function av_woo_tabs_below_product_image() {
    if ( is_product() ) {
        remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1);
        add_action('avf_sidebar_position', 'woocommerce_output_product_data_tabs', 1);
    }
}
add_action( 'template_redirect', 'av_woo_tabs_below_product_image');

This moves the product tabs under product gallery and above product sidebar, the sidebar is not required, I’m just noting where it will be if used. This works for both WooCommerce 3.0 product gallery & Default enfold product gallery

Best regards,
Mike

Hi,
As I understand your situation, when you have the enable the cookie consent messages (cookie bar) enabled the cantact form Google recaptcha is disabled and shows a message, this is the correct behavior, and then when the user accepts the cookie bar the Google recaptcha message doesn’t go away, to correct this go to the theme settings and when you enable the cookie consent messages (cookie bar), go to the bottom of the panel and enable the Show advanced options and enabled Auto Reload Page on Accept Settings

Now the page should reload when the cookie bar is accepted and the Google recaptcha will show.

Best regards,
Mike

Hi,
To remove the items that you listed above Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function my_woocommerce_catalog_orderby( $orderby ) {
	unset($orderby["menu_order"]);
	unset($orderby["rating"]);
	unset($orderby["rand"]);
	unset($orderby["id"]);
	
        return $orderby;
}
add_filter( "avf_wc_product_order_dropdown_frontend", "my_woocommerce_catalog_orderby", 20 );

the menu will then look like this:

but to add the category item you will need to use the WooCommerce Product Table plugin this is a paid plugin and I don’t know if it will work correctly with Enfold.
This is the article that says how to add categories to the options.

Best regards,
Mike

Hi,
It looks like you tried to modify the width of the items and the margin in between and the new width doesn’t fill the width of the grid, this css it will keep the space in between that you wanted and also fill the grid width:

#main .container_wrap_first.shop_columns_3 .products .product {
    width: 30.59%;
}

The grid needs to keep it’s float left so when you have a odd number the grid items they align left to right and align with the product sort.
If you really want to keep the current width and don’t mind rows with less than 3 items to also centered then you can try this css:

#main .container_wrap_first.shop_columns_3 .products.columns-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey djsmbd,
It looks like the data-av_icon in the shortcode is corrupt, please try to recreate the shortcode and add it to a new “Custom HTML” widget again.
currently it looks like you are using a “text widget” and the “visual tab” in it can corrupt HTML:

this is why the “Custom HTML” is better for HTML

Best regards,
Mike

Hey klick-design-rbh,
When I check the slider image of a chair on the right side is the same in the first three tabs, but in the page source code they are different sections, so I assume that you can change this element.
If I don’t understand correctly then please explain further and perhaps screenshots would help, along with a admin login so we can examine.
For your second question you will need to use custom css, please explain how you want the mobile view to be.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
when I check your mobile menu the top line is almost on the burger menu “X” please see the screenshot in the Private Content area to ensure that this is what you see also.
If not then perhaps your mobile device cache is showing you an old version, if this is what you see and you want it even higher try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #av-burger-menu-ul {
    vertical-align: top;
    padding: 190px 0 !important;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey jamesbarrell,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #header .av-main-nav > li.current-page-ancestor > a .avia-menu-text {
	color: #afbf36;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your page, to research the issue of the video loading twice I copied your page to my test site and each of your videos only loaded once, you have one at the top startseite.mp4 and one at the bottom hintergrundvideo_1.mp4

I then checked your page again and each video was loaded twice:

I tried disabling your plugins and testing again, but it still showed the videos loading twice, so I’m not sure if this is a cache issue. Does your web server use a “object” cache such as Memcached, Redis, Varnish? I’m not sure what would cause the videos to load twice but it doesn’t seem to be caused by the theme since I can’t reproduce it.
If you do have a server cache try disabling it and see if that helps, it may take a few hours.
As for the prelaoding issue, the prelaoder will not show the page until it is fulling loaded, and when it is off your page will show before it is fulling loaded, so this behavior is expected since you page is loading slowly. I also note that my clone of your site loads in under 9 seconds even though all of the images and videos are pull from your server, you site is taking over 22 seconds, this is strange.

Best regards,
Mike