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,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .av-tab-no-icon.av-tab-no-image .av-inner-tab-title {
    margin-bottom: 0;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Could you try updating the theme to the latest version (6.0.2) to see if that helps please? https://kriesi.at/documentation/enfold/theme-update/. If not, then please try to deactivate all plugins and any custom code or modification you might have added.

Best regards,
Rikard

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

.avia_transform .av-parallax-object.active-parallax.avia_start_delayed_animation.right-to-left {
    animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    opacity: 1;
}
.js_active .av-parallax-object.active-parallax {
    opacity: 0;
    transition: none
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey plichtovav,
Please note that your homepage is created with the Advanced Layout Builder (ALB) please use this to edit the page:

If you try to edit the page with a different editor it may cause issues. I corrected this for you so you can edit your page, please check.

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

Hey zdenkab,
Thank you for the link to your site, I see that you are using v5.7 and your Envato token is unverified.
You could try using the Envato Market Plugin and create a new Envato Token in your Theme Forest account.
Or you could manually update and then Envato Token in your Theme Forest account.
To manually update Enfold you will need to download the latest installable WP version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New

after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue

then you will see the Theme updated successfully message.

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,
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,
To remove most of the padding for that masonry on that page on mobile, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
    .responsive #top.page-id-21 #wrap_all .av-flex-cells .no_margin {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

there will still be a little padding but this is needed for the element, please see the screenshots in the Private Content area of the expected results.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead to have larger round social icons in the socket, it also adds a white background color before mouse-over and on mouse-over the icon colors show, I have not sure what color you wanted as typically there is no color until mouse-over, feel free to adjust the color to suit.

#socket .social_bookmarks li a {
width: 50px!important; 
line-height: 50px!important; 
min-height: 50px!important; 
font-size: 30px;
}

#socket .social_bookmarks li {
height: 50px!important; 
width: 50px!important; 
}

#top #wrap_all .av-social-link-instagram a {
    color: var(--enfold-socket-color-meta);
    background-color: #fff;
}
#top #wrap_all .av-social-link-linkedin a {
    color: var(--enfold-socket-color-meta);
    background-color: #fff;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

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

#top .av-masonry-entry .av-inner-masonry-content {
	padding: 20px 0;
}

to remove the left and right padding of the excerpt, after applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear that you have this sorted out, 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,
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,
Thank you for the link to your site, I see that switching to the parent theme v6.0.2 solves the error, so this points to an error in one of your child theme files.
Try removing these files via FTP and then add them back in one at a time to find the error, then review your customized file with the current theme version to find the difference.
Our latest updates adds a lot of new features including ACF integration, so your customized theme files will probably need to be updated.

Best regards,
Mike

Hi,
Thank you for your patience, as I review your request, I believe the only issue right now is switching to the built-in mobile menu before the custom menu becomes too large for the screen, so originally I have said to use the option <strong style=’color:#000′>Hide Header on this page but this also hides the mobile menu, so lets change this to <strong style=’color:#000′>Transparent Header

and hide the header with css:

@media only screen and (min-width: 990px) { 
	#header_main {
		display: none;
	}
}
@media only screen and (max-width: 989px) { 
	.avia_codeblock > #header {
		display: none;
	}
	#menu-item-shop, .responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks {
		display: none;
	}
	#av-burger-menu-ul .button.logo {
		display: none;
	}
	.logo a {
		 display: flex;
    align-items: center;
	}
	#header_main {
		background-color: #000;
	}
}
@media only screen and (max-width: 989px) { 
  .responsive #top #main {margin-top: -90px!important;}
  #top #wrap_all .av_header_transparency {background-color: transparent!important;}
  div#header_main > .container {display: block !important;}
  #top .av-burger-overlay li li .avia-bullet, #top .av-hamburger-inner,#top .av-hamburger-inner::before, #top .av-hamburger-inner::after {
  background-color: #fff !important; 
  }
  .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
  background-color: #000 !important; 
  }
  }

and for my example menu it breaks around 914px so setting the mobile menu to show at 990px in the theme setting will solve this, and I set the <strong style=’color:#000′>Alternate Menu For Mobile to the same menu we used for the shortcode:

So now at 990px and above it looks like this:

and below 989px the mobile menu shows like this:

and when the menu is open:

I believe this is what you are trying to achieve, I linked to my example page below for you to check.

Best regards,
Mike

Hey nadinew13,

Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

About the logo; you have likely imported demos with transparent headers. You will need to set the regular logo, and a logo which is shown when the transparent header is shown. You can do so under Enfold->Theme Options->Transparency Options.

Best regards,
Rikard

Hi,
Try this code instead:

function remove_avia_woocommerce_frontend_search_params() {
    remove_action( 'woocommerce_before_shop_loop', 'avia_woocommerce_frontend_search_params', 20 );
}
add_action( 'wp_loaded', 'remove_avia_woocommerce_frontend_search_params' );
if ( ! function_exists( 'avia_woocommerce_frontend_search_params' ) ) {
    function avia_woocommerce_frontend_search_params() {
    }
}

function custom_avia_woocommerce_frontend_search_params() {
    global $avia_config;

    if (!empty($avia_config['woocommerce']['disable_sorting_options'])) {
        return;
    }

    $product_order = array();
    $product_sort = array();
    $params = array();

    $product_order['default'] = __('Default', 'avia_framework');
    $product_order['menu_order'] = __('Custom', 'avia_framework');
    $product_order['title'] = __('Name', 'avia_framework');
    $product_order['price'] = __('Price', 'avia_framework');
    $product_order['date'] = __('Date', 'avia_framework');
    $product_order['popularity'] = __('Popularity (sales)', 'avia_framework');
    $product_order['rating'] = __('Average rating', 'avia_framework');
    $product_order['relevance'] = __('Relevance', 'avia_framework');
    $product_order['rand'] = __('Random', 'avia_framework');
    $product_order['id'] = __('Product ID', 'avia_framework');

    $product_order = apply_filters('avf_wc_product_order_dropdown_frontend', $product_order);

    $product_sort['asc'] = __('Ascending', 'avia_framework');
    $product_sort['desc'] = __('Descending', 'avia_framework');

    $per_page_string = __('Products per page', 'avia_framework');

    $per_page = get_option('avia_woocommerce_product_count');
    if (!$per_page) {
        $per_page = get_option('posts_per_page');
    }

    if (!empty($avia_config['woocommerce']['default_posts_per_page']) && is_numeric($avia_config['woocommerce']['default_posts_per_page'])) {
        if ($avia_config['woocommerce']['default_posts_per_page'] > 0) {
            $per_page = $avia_config['woocommerce']['default_posts_per_page'];
        }
    }

    parse_str($_SERVER['QUERY_STRING'], $params);

    if (!isset($params['product_order'])) {
        $po_key = 'default';
    } else {
        $po_key = $params['product_order'];
    }

    if (!isset($params['product_sort'])) {
        $ps_key = !empty($avia_config['woocommerce']['product_sort']) ? $avia_config['woocommerce']['product_sort'] : 'asc';
    } else {
        $ps_key = $params['product_sort'];
    }

    if ('default' == $po_key) {
        unset($params['product_sort']);
    }

    $params['avia_extended_shop_select'] = 'yes';

    $pc_key = !empty($avia_config['woocommerce']['product_count']) ? $avia_config['woocommerce']['product_count'] : $per_page;

    $ps_key = strtolower($ps_key);

    $show_sort = !in_array($po_key, array('rand', 'popularity', 'rating', 'default'));

    $nofollow = 'rel="nofollow"';

    $output = '';
    $output .= '<div class="product-sorting">';
    $output .= '<ul class="sort-param sort-param-order">';
    $output .= "<li><span class='currently-selected'>" . __('Sort by', 'avia_framework') . " <strong>{$product_order[$po_key]}</strong></span>";
    $output .= '<ul>';

    foreach ($product_order as $order_key => $order_text) {
        $query_string = 'default' == $order_key ? avia_woo_build_query_string($params, 'product_order', $order_key, 'product_sort') : avia_woo_build_query_string($params, 'product_order', $order_key);

        $output .= '<li>';
        $output .= "<a href='{$query_string}' {$nofollow}>";
        $output .= "<span class='avia-bullet'></span>{$order_text}";
        $output .= '</a>';
        $output .= '</li>';
    }

    $output .= '</ul>';
    $output .= '</li>';
    $output .= '</ul>';

    if ($show_sort) {
        $output .= '<ul class="sort-param sort-param-sort">';

        if ($ps_key == 'desc') {
            $output .= "<li><span class='currently-selected'>" . __('Order', 'avia_framework') . " <strong>Descending</strong></span>";
            $output .= '<ul>';
        }
        if ($ps_key == 'asc') {
            $output .= "<li><span class='currently-selected'>" . __('Order', 'avia_framework') . " <strong>Ascending</strong></span>";
            $output .= '<ul>';
        }

        foreach ($product_sort as $order_key => $order_text) {
            $query_string = 'default' == $order_key ? avia_woo_build_query_string($params, 'product_sort', $order_key, 'product_sort') : avia_woo_build_query_string($params, 'product_sort', $order_key);

            $output .= '<li>';
            $output .= "<a href='{$query_string}' {$nofollow}>";
            $output .= "<span class='avia-bullet'></span>{$order_text}";
            $output .= '</a>';
            $output .= '</li>';
        }

        $output .= '</ul>';
        $output .= '</li>';

        $output .= '</li>';
        $output .= '</ul>';
    }

    if (!isset($avia_config['woocommerce']['default_posts_per_page']) || ($avia_config['woocommerce']['default_posts_per_page'] > 0)) {
        $output .= "<ul class='sort-param sort-param-count'>";
        $output .= "<li><span class='currently-selected'>" . __('Display', 'avia_framework') . " <strong>{$pc_key} {$per_page_string} </strong></span>";
        $output .= '<ul>';
        $output .= '<li' . avia_woo_active_class($pc_key, $per_page) . "><a href='" . avia_woo_build_query_string($params, 'product_count', $per_page) . "' {$nofollow}><span class='avia-bullet'></span>{$per_page} {$per_page_string}</a></li>";
        $output .= '<li' . avia_woo_active_class($pc_key, $per_page * 2) . "><a href='" . avia_woo_build_query_string($params, 'product_count', $per_page * 2) . "' {$nofollow}><span class='avia-bullet'></span>" . ($per_page * 2) . " {$per_page_string}</a></li>";
        $output .= '<li' . avia_woo_active_class($pc_key, $per_page * 3) . "><a href='" . avia_woo_build_query_string($params, 'product_count', $per_page * 3) . "' {$nofollow}><span class='avia-bullet'></span>" . ($per_page * 3) . " {$per_page_string}</a></li>";
        $output .= '</ul>';
        $output .= '</li>';
        $output .= '</ul>';
    }

    $output .= '</div>';

    echo $output;
}
add_action('woocommerce_before_shop_loop', 'custom_avia_woocommerce_frontend_search_params');

Best regards,
Mike

Hi,
Please note that the css above is specific for the element on the one page, you can tell this is the case whenever you see a class like this: .av-71o5oc-a8dc12cd8b5da5904a0f5d2b3077d9f9
so this css won’t work on your new page, perhaps it will be easier you you to use the options in the element, go to the column ▸ layout ▸ borders ▸ Border Radius and set to 10px :

I did this for you, please check:

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 stefv8,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all #main.all_colors h1, #top #wrap_all #main.all_colors h2, #top #wrap_all #main.all_colors h3, #top #wrap_all #main.all_colors h4, #top #wrap_all #main.all_colors h5, #top #wrap_all #main.all_colors h6 {
    text-transform: capitalize;
}

After applying the css, please clear your browser cache and check.
If this doesn’t help please link to your site so we can examine.

Best regards,
Mike

Hey cws0827,
From your screenshot it looks like your homepage is also the custom footer page, please go to the theme settings and disable the custom footer page option:
Enfold Theme Options ▸ Footer ▸ Default Footer & Socket Settings

Best regards,
Mike

Hi,
Thank you for your patience, it looks like the plugin removes the page max-width in:
/wp-content/plugins/flux-checkout/assets/frontend/css/templates/modern/main.css
the plugin css also seems to override using a percentage so you must use a PX width, please try adding this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 325px) { 
	.woocommerce-checkout .flux-checkout.flux-checkout--modern,.woocommerce-checkout .woocommerce {
		max-width: 320px;
	}
}
@media only screen and (min-width: 374px) and (max-width: 380px) { 
	.woocommerce-checkout .flux-checkout.flux-checkout--modern,.woocommerce-checkout .woocommerce {
		max-width: 375px;
	}
}
@media only screen and (min-width: 424px) and (max-width: 430px) { 
	.woocommerce-checkout .flux-checkout.flux-checkout--modern,.woocommerce-checkout .woocommerce {
		max-width: 425px;
	}
}
@media only screen and (min-width: 766px) and (max-width: 770px) { 
	.woocommerce-checkout .flux-checkout.flux-checkout--modern,.woocommerce-checkout .woocommerce {
		max-width: 768px;
	}
}
@media only screen and (min-width: 888px) and (max-width: 900px) { 
	.woocommerce-checkout .flux-checkout.flux-checkout--modern,.woocommerce-checkout .woocommerce {
		max-width: 890px;
	}
}

This seems to correct for all of the major mobile screen sizes on the checkout page, I don’t see what the conflict might be, but the checkout page doesn’t have this issue when the plugin is disabled.

Best regards,
Mike