Give the rule an important:

@media only screen and (max-width: 767px) {
.responsive .logo  {
display: block !important ;
}
.logo img {
    height: 161% !important;
    max-height: 129px !important;
}
} 

and go to the first color-section and look to its options where you insert the images.
A bit under the input field of Background Repeat setup as “stretch to fit — cover the element”
and see if this isn’t better .

• This reply was modified 7 years, 3 months ago by Guenni007.

to your menu – the font is very big 30px is suitable for people with a visual impairment ;)
i think 24px will be more than necessary:

#top #header .av-main-nav > li > a {
    font-size: 24px;
}

but what did happen to your page now – there is a

Coming Soon!
In sha Allah

No facebook – i’m a privacy person ;)

Edit : aha a new link

but change the values
to the new adjusted for you values above !

here is it in total:

#header_main {
    border-bottom: none;
    box-shadow: 0 8px 5px -5px #999;
}
.responsive .logo {
    display: block;
}
.logo, .logo a {
    overflow: visible;
}
.logo img {
    height: 161% !important;
	max-height: 142px !important;
}

@media only screen and (max-width: 767px) {
.responsive .logo  {
display: block ;
}
.logo img {
    height: 161% !important;
    max-height: 129px !important;
}
} 

• This reply was modified 7 years, 3 months ago by Guenni007.

changings the rest wil be as it is:

 .logo img {
    height: 161% !important;
    max-height: 142px !important;
}

@media only screen and (max-width: 767px) {
.responsive .logo  {
display: block ;
}
.logo img {
    height: 161% !important;
    max-height: 129px !important;
}
} 

well first of all this is a little image trick with a png file – if you click to see in lightbox you will see how it is looking like:

only the bottom is transparent and has a shadow surrounding that transparency.

Download: (drag and drop from lightbox to your desktop) https://s18.postimg.cc/5znaf2kg7/Unite4.png?dl=1

• This reply was modified 7 years, 2 months ago by Guenni007.

i will tell you soon – i’m still on a project and have no time yet – maybe in half an hour.

is there no posibility to add this to alb generated posts / events via avf_template_builder_content filter ?

there was a snippet which adds the social share buttons under even alb generated posts, portfolio ( events etc.)
maybe there is a way to have comment function

take please your is_page(15) this works definitly

or i dont know why:

add_filter('avf_header_setting_filter','replace_transparent_logo_on_homepage_only');
function replace_transparent_logo_on_homepage_only($header)
{
    if( is_front_page( ) ){
        $header['header_replacement_logo'] = "http://adamwolfpt.pcscloudsolutions.com/wp-content/uploads/adam-wolf-pt-logo-color-transparent.png";
    }
    return $header; 
}

normaly is_home( ) should work if the front-page is a page ! you can see it in your source code that the startpage gets the home class ???

can you please show me the page where you have besides a grid row a sidebar? i can not reproduce it

if you see it in the backend and if you see it on mobile – i guess you have a heading setup on that page with transparent or glassy header !
on mobile these option is lost and a normal header is visible instead – so you see the enfold options logo then.
on desktop the logo in enfold – header – transparency options is taken. This is an alternative logo for glassy or transparent header . Have a look if there is one set.

kann ich hier deutsch schreiben ?

1. download von pastebin : https://pastebin.com/dl/CHZuH4hA
2. umbenennen nach shrink_fix.js
3. in deinem child-theme einen ordner erstellen js ,
4. das file shrink_fix.js in diesen ordner hochladen.
5. das folgende in die functions.php des child-themes:
a) Laden der neuen Header-Height funktion:

function include_shrink_fix() {
   wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/shrink_fix.js', array('jquery', 'avia-default'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'include_shrink_fix', 100 );

b) zwei neue Logos setzen, und später wird das in Enfold gesetzte Logo ausgeblendet
Pfade, Namen und ggf Link des zweiten logos anpassen !

function add_logos($logo) {
	$logo .= '<span class="logo first-logo"><a href="/">' ;
	$logo .= '<img src="/wp-content/uploads/hs-logo.jpg"/>';
	$logo .= '</a></span>';
	$logo .= '<span class="logo second-logo"><a href="https://url-nach-draussen" target="_blank">' ;
	$logo .= '<img src="/wp-content/uploads/update-logo.jpg"/>';
	$logo .= '</a></span>';
	}
	return $logo;
add_filter('avf_logo_final_output', 'add_logos');	

das ins quick css:

.logo:first-child, .responsive .logo:first-child img{ display: none }

.responsive #top .logo { height: inherit !important; position: relative}
.logo.first-logo { z-index: 3}
.logo.second-logo { z-index: 3}
.logo.second-logo {37%}
.logo.second-logo a {float: left}
.logo.first-logo img, .logo.second-logo img {display: block}

@media only screen and (max-width: 990px) { 
div .logo {position: relative !important;}
.responsive .logo.second-logo a {float: left; margin-left: 0px !important }   
.logo.first-logo img, .logo.second-logo img{ max-width: 250px}
}

@media only screen and (max-width: 768px) { 
.logo.second-logo { left: 3% !important }
}

@media only screen and (max-width: 468px) {  
.logo.first-logo img, .logo.second-logo img{ max-width: 200px} 
.logo.second-logo { left: 0 !important }
}

die Anweisung mit dem Z-index ist hier nicht nötig. War bei drei Logos mit einem in der mitte nützlich. – kann also weg

Es werden sicherlich noch Anpassungen dann nötig sein; zB weil ich in der Testseite eine ander Header Höhe hatte.
Eventuell downloadest du die Logos von meiner Seite :
logo first-logo
logo second-logo

so now have a look at: https://webers-testseite.de/two-logo-header/

If this meets your needs, I’ll be happy to describe how it works

yes but these are one logo
first you have to split it into two separate logos –
try to get same outer dimensions – best will be if the height is the same

see link above with your logos-
now i have placed the update logo in the center – on scrolling it goes to the left
but i will see if it is possible to take the shrink calculation to have that the shrinking way not on reaching the header-scrolled

so this would be a great thing with svg – but that little subtext – even if it is sharp will be not good readable.
i see you have for that spinning logo an alternative logo.
Is it possible to have for the web f.e.:

PS : it does not make any sense to have a very big image scaled by wordpress to a small one.
It is better (not only on perfermance reasons) to reduce the size to the exact starting dimension which you need ( 250px x 88px )
Graphic Programs do have better algorithms to scale images for web than wordpress can do.

What Font do you have used for your logo ( is it Avalon ? – or Avant Garde Gothic ). – Or do you have your logo as Illustrator File ?
So we can check my statement with the svg file

Or maybe this could be an option for you:
https://webers-testseite.de/cynthia/unite4-2/

please a link or the way you set up that button row
Layout screenshot f.e.

or try with body#top etc.
because the original button rule starts on body too:
body div .avia-button …

body#top .avia-button.avia-size-x-large {
    padding: 25px 25px 23px;
    font-size: 18px;
}

maybe an !important is necessary on those rules

best would be to be more specific to have a custom class on it