if you like to select the category 17 and all products from category 17.

I don’t like to install a demo shop to help you – so you have to have a look for yourself.
if a single product is shown – doesn’t it have the product category too in his source code.
so when you selectis_product_category('17') this does automatically even select all single products of that category?

i think this is a clearing issue because widget li is clearing both.
Try this one here:

#lang_sel_list li {
    clear: none !important;
}

the featured image is that little image related to a page/post/portfolio which you set up on the right side of editing mode.

Where do you put in there a html code?

Or do you mean an advanced-layout-builder element – please describe your problem a bit more precise here.
is it the featured image slider alb element you mean?

there is a class for the shrinking header if shrinking process comes to its end: header-scrolled so:

.header-scrolled  {
    border-bottom: 2px solid #080;
}

you mean this littel button in my image above shown with the red arrow?

:lol:

tell me please how!

So you are not in the advanced layout builder modus but in the normal editing modus style?
you have to press that little button on the right (see red arrow)

One easy way could be to goto Dashboard – Enfold (Child) and under import/export there is a button “export themesettings file”

export your english themesettings – change your language above on clicking to a different flag – goto “import themesettings file” and choose these “english” Themesettings.
You have to repeat the import for each Language

But on every Changing this has to be redone! So style first your english Version as long as possible and than do this procedure.

hm sorry i only used svg so for png or jpgs you have to create the output in this way:

function third_logo($logo) {
$logo .= '<strong class="logo third-logo"><a href="url3" target="_blank">' ;
$logo .= '<img src="/wp-content/uploads/logo3.png"/>';
$logo .= '</a></strong>';
return $logo;
}
add_filter('avf_logo_final_output', 'third_logo');

but than you have to set a new css rule to display that logo img because we have set all logo img to display none

.logo.third-logo img {
    display: block;
}

• This reply was modified 8 years, 9 months ago by Guenni007.

you can see it here in a test environment:

http://webers-testseite.de/ikom/

on Small screens these two logos left and right goes to display none. But it might be possible to work with floating and let them go in a row under each other.

A great advantage of this method is that you can use svg too (and not as a background image) like in the example above.
And on that you can make some css gimmicks like color changing on hovering by f.e. in my case

svg#bonn_logo:hover .st0,
svg#bonnzeit_logo:hover .st0  {
    fill: #060;
}

• This reply was modified 8 years, 9 months ago by Guenni007.

i use this one here for two logos ( and it seems that there is no limitation to that on two)

function first_logo($logo) {
$logo .= '<strong class="logo first-logo"><a href="http://url1">' ;
$logo .= file_get_contents("http://path/wp-content/uploads/firstlogo.svg");
$logo .= '</a></strong>';
return $logo;
}
add_filter('avf_logo_final_output', 'first_logo');	

function second_logo($logo) {
$logo .= '<strong class="logo second-logo bg-logo"><a href="http://url2" target="_blank">' ;
$logo .= file_get_contents("http://path/wp-content/uploads/secondlogo.svg");
$logo .= '</a></strong>';
return $logo;
}
add_filter('avf_logo_final_output', 'second_logo');

if second logo goes to a new Domain use the target rule to a new Site etc.

and than some css is used to customise these logos:

div .logo { float: none}
.logo img {display: none}
…

so the normal logo is not used but 2 new images in the header area.
on two logos i let them float 1 to the left and the other to the right.

on Three Logos the third logo has to be centered.

But what do you want to do with those three logos on responsive case (small screens) etc.

the point is if ( is_product() )

see reference here: https://docs.woocommerce.com/wc-apidocs/function-is_product.html

so you have to combine this rule f.e.:

function add_banner_before_breadcrumb() {
	if ( is_product() || is_product_category() )
	{

etc.

if you want different on products and on categories than i think you have to use for each.
i’m not so familiar with that – so wait till a mod looks to your question if an if elseif case could work.

add_action('ava_after_main_container', 'add_banner_before_breadcrumb'); 
function add_banner_before_breadcrumb() {
	if ( is_product() )
	{
		    echo '<h1 style="text-align: center;"><a href="http://www.yourwebsite.com" target="_blank">
			<img border="0" alt="Banner Name" src="http://www.yourwebsite.com/wp-content/uploads/shop-banner-image.jpg" style="float: left; z-index: 99999; width: 100%;"></h1>';
	};

	elseif ( is_product_category() )
	{
		echo '<h1 style="text-align: center;"><a href="http://www.yourwebsite.com" target="_blank">
			<img border="0" alt="Banner Name 2" src="http://www.yourwebsite.com/wp-content/uploads/shop-banner-image2.jpg" style="float: left; z-index: 99999; width: 100%;"></h1>';
	}
}

• This reply was modified 8 years, 9 months ago by Guenni007.

btw. the settings of 425px and 280% comes from header options dialog set the header hight to 150px in that case above.
the png of your logo i created was 425px x 425px but this is not so important.

425 x 100 : 150 = 283 so i set the height of logo img to 280%

the hight in percent is important for that shrinking header bevavior. If you have a non shrinking header this does not have an effect.

yes – the point of that behavior is that overflow setting and the use of a png (or svg) file.

.responsive .logo {
display: block
}

.logo, .logo a {
    overflow: visible;
}

.logo img {
    height: 180%;
    max-height: 225px !important
}

but for responsive case you may be have some more settings
you can see it in action here http://www.pirol-hifi.de

and first of all:
This : “An Exercise System by Patrick LoSasso …”
This will be a nice heading in the first image of the slider down the logo.
Because it seem not to be a real part of the logo.

Or use this one here : https://abload.de/img/smartxpd-logo23hzde.png

_______________

to let the navigation go earlier to mobile Version you can play with the 1280px (change it to your conditions) a bit.

@media only screen and (max-width: 1280px) {
  .container #advanced_menu_toggle, #advanced_menu_hide {
      display: block;
  }
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
    display: none;
}
}

(maybe an “!important” is requiered here)

or it could be possible to insert the Subscribe and Contact us page to a second navigation and declare this as top navigation. As you can see it here on a different demo : http://kriesi.at/themes/enfold-travel/

• This reply was modified 8 years, 9 months ago by Guenni007.