I’ve cleaned the cache, reloaded the page, used two different browsers in incognito mode. I also used another machine to open the page and it’s still not displaying ‘Roboto’.

I’m attaching a screenshot:

Screenshot: https://imgur.com/a/8qT0Jy9

• This reply was modified 6 years, 5 months ago by Andrius.

Hi @victoria, which server log should I check and for what kind of error? the problem is clearly in the code snippet provided by @ismael as the site works once it’s commented out and worked with previous versions of his snippet. However, I really need to be able change the category page banners per category yet keep the main shop banner (set in Enfold > Shop). I provided the admin logins in the post below.

Hi @ismael, many thanks for your response. However, the issue persists. The banners are still doubled on the category page.

Here’s the full code I’m using:

// Fix Enfold from using 1500px wide image and use the full-size image instead
add_action( 'init', 'ssi_woocommerce_full_width_category_images', 50 );
function ssi_woocommerce_full_width_category_images()
{
	if( is_tax( 'product_cat' ) && ! is_shop() ) {
    remove_action( 'ava_after_main_container', 'avia_woocommerce_shop_banner', 11 );
    }
	add_action( 'ava_after_main_container', 'avia_woocommerce_parallax_banner_child_theme', 11);

	function avia_woocommerce_parallax_banner_child_theme($bg, $overlay, $opacity, $description, $font)
	{

		if(is_numeric($bg))
		{
			$bg = wp_get_attachment_image_src($bg, 'full');
			if(is_array($bg) && $bg[0] != "") $bg = $bg[0];
		}

		if($font) $font = "style='color:{$font};'";
		if($bg) $bg = "background-image: url(".$bg.");";

		$output = "";

		$output .='<div id="av_product_description" class="avia-section main_color avia-section-large avia-no-border-styling avia-full-stretch av-parallax-section av-section-color-overlay-active avia-bg-style-parallax container_wrap fullsize" data-section-bg-repeat="stretch" '.$font.'>';
		$output .='<div class="av-parallax  avia-full-stretch" data-avia-parallax-ratio="0.3">';
		$output .='<div class="av-parallax-inner" style="'.$bg.' main_color background-attachment: scroll; background-position: 50% 50%; background-repeat: no-repeat;">';
		$output .='</div>';
		$output .='</div>';

		$output .='<div class="av-section-color-overlay-wrap">';
		if(!empty($overlay))
		{
			$output .='<div class="av-section-color-overlay" style="opacity: '.$opacity.'; background-color: '.$overlay.'; "></div>';
		}

		$output .='<div class="container">';
		$output .='<main class="template-page content av-content-full alpha units">';
		if($description) $output .= "<h1>".$description."</h1>";
		$output .='</main></div></div></div>';

		return $output;
	}

	remove_action( 'ava_after_main_container', 'avia_woocommerce_big_cat_banner', 11 );
	add_action( 'ava_after_main_container', 'avia_woocommerce_big_cat_banner_child_theme', 11 );

	function avia_woocommerce_big_cat_banner_child_theme()
	{
		if(is_product_category())
		{
			global $wp_query, $avia_config;

			if(isset($wp_query->query_vars['taxonomy']))
			{
				$term = get_term_by( 'slug', get_query_var($wp_query->query_vars['taxonomy']), $wp_query->query_vars['taxonomy']);
				if(!empty($term->term_id))
				{
					$description 	= term_description() ;
					$style 			= get_woocommerce_term_meta($term->term_id, 'av_cat_styling');
					$attachment_id 	= get_woocommerce_term_meta($term->term_id, 'thumbnail_id');

					$overlay 	= get_woocommerce_term_meta($term->term_id, 'av-banner-overlay');
					$font 		= get_woocommerce_term_meta($term->term_id, 'av-banner-font');
					$opacity 	= get_woocommerce_term_meta($term->term_id, 'av-banner-overlay-opacity');

					if(!empty($style))
					{
						remove_action( 'woocommerce_before_shop_loop', 'woocommerce_taxonomy_archive_description', 11 );
						echo avia_woocommerce_parallax_banner_child_theme($attachment_id, $overlay, $opacity, $description, $font);
						$avia_config['woo-banner'] = true;
					}
				}
			}
		}
	}
}

Hi @Ismael,
thanks for your reply. However, removing the line seems to duplicate the banners. On the main shop page I get a single shop banner (set in Enfold > Shop), but in the category pages I get both – the main shop banner as well as the category banner. I’d like to have the main banner (Enfold > Shop) only displayed on the main shop page and on category pages I’d like to see only the category-specific banner.

Screenshot

• This reply was modified 7 years ago by Andrius.

Hi Yigit, I managed to fix it with your code snippet. Just had to change the class. Thanks!

Hi Yigit, I got slightly mixed up in terminology. What I want is to hide the 2nd level primary menu items on desktop and show them on mobile.

Hi @Rikard, unfortunately this doesn’t seem to work. I’ve added the code to ‘Quick CSS’ yet I see no effect. Could you please have a look at http://dev.ritosgeles.lt/ ?

It works. Thank so much!

brilliant! many thanks for the answer