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 9 years 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 9 years, 1 month 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 9 years, 1 month 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 9 years, 1 month ago by Guenni007.

first i thought it does not work because these images are to small to overlay the 80px overlay-image. But there are some images which are bigger (mayo f.e.) but these images are inserted not as the image itself but as a smaller version of the original (Mayo-200×100.png) –
try to change f.e. the mayo image with its original image and have a look if it works than.

The column width will do the width limitation for you.

if you use for your Main Nav Listpoint in your Enfold Menu the mark for Mega Menu this will start the Megamenu Stile.
Then as your “Heading of the Column” you can use an custom link. If you do not see on the left side of your Menu this point you can make it visible if you go on top of this window there are “Screen Options” of that menu Window. Here you can choose that Menu Window shows different advanced options and what List Points to choose ( Categories, Pages, Posts, Custom Link, Portfolio, etc)

On That Custom Link you can insert as Linktarget “#” and the next is your “heading” of the column
so on that example Page these “Example Pages” “Slider” etc. are those Custom Links

PS: the blue arrow is if you want to give custom css classes even to every Navigation Point

OK – scheint ja nun zu klappen

It works – i see it on your site. Guess it can be closed now

i only used sometimes the non pro version so i could not help you to find the right position of the css embedded there.

there is no changing on your css. The value is still set to 45px

.recaptcha_input_area {
    height: 34px !important;
}

or 

.recaptcha_input_area {
    height: auto !important;
}

• This reply was modified 9 years, 1 month ago by Guenni007.