so for a non member of vimeo – you link goes to nowwhere. Thats the point for me to ask if you are a pro or business member. Than there are possibilities to set up for each video permissions. I don’t know if Safari uses the same player type as the other ones (html5 etc. )

This code above https://player.vimeo.com/video/198220037 is in your source code of your site. That is the only reason why i mentioned it.

normal share (embed) code of vimeo looks this way:

http://vimeo.com/1084537 or
https://vimeo.com/39252414
your code looks this way:
https://player.vimeo.com/video/198220037

this will not work ! : https://vimeo.com/198220037

maybe this is a setting problem because f.e.
https://vimeo.com/39252414?loop=1&autoplay=1 (this is only for beeing shure – i guess https://vimeo.com/39252414 will do the job too)
here: https://webers-testseite.de/ikom/full-slider-with-content/
this loop works well on safari too

Are you having a Plus, Pro or Business Account on Vimeo? and you can set up the options for each video?

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

concerning to this but a bit different.
i have the custom post type : event
and i want to have the side-navigation left right for that too! prev next event.

I think i open better a new thread

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

because i do not see the hidden private content – is there a possibility to have a svg Graphic for that? Or does the logo require pixel-based datas?

i’m talking about the shrink process – the pixalized logo is the other question.
Now you did change both values – and the shrinking is now fluently with no jump to an endpoint.
i do not see how you influenced transparency on scrolling
i changed the frontpage to transparency and glassy like you had. And there is no fluctuation on transparency amount.
because see here: http://webers-testseite.de/ikom/

you can influence the change point on avia.js a bit more down (line 1650ff) ( default value is 50 – i changed it in the example above to 100)
so after 100px scrolling the transparency of the glassy header goes to its given opacity

but on your installation there is a “little pulsation” i don’t know where it comes from

if(transparent)
{	
	if(st > 100)
	{	
		//header.removeClass('av_header_transparency');
		av_change_class(header, 'remove', 'av_header_transparency');
	}
	else
	{
		//header.addClass('av_header_transparency');
		av_change_class(header, 'add', 'av_header_transparency');
	}
}

these two values are only the same for value 2 because scroll way and shrinked height of the header are only on that case the same.

i can see it in your avia.js – that you have set both to the same Quotient

Result here: Link

/**** not showing the normal menu nor the old responsive menu  ******/
.js_active.html_burger_menu #avia-menu > li {display: none }
#advanced_menu_toggle {display: none !important }

/**** just to have a bit more width for both - logo and toggler  ******/
.responsive #top #wrap_all .container {
    max-width: 95%;
    width: 95%;
}

/**** styling the burger menu   ******/
.av-burger-overlay {
    box-shadow: -2px 0 10px #bbb; 
    left: auto;   
    max-width: 400px;   
}

/**** one example to place icons infront of hamburger menu links  ******/
#av-burger-menu-ul li#menu-item-437 a .avia-menu-text::before {
content: "\e821 \00a0";
font-family: entypo-fontello; 
color: #0088BD}

/**** background image to hamburger menu  ******/
.av-burger-overlay-inner {
background: url("/wp-content/uploads/burger-bg.jpg") no-repeat scroll 0 0 / cover ; 
}

/**** background-color for hamburger menu icon  ******/
.av-burger-overlay-active #top .av-hamburger-inner, 
.av-burger-overlay-active #top .av-hamburger-inner::before, 
.av-burger-overlay-active #top .av-hamburger-inner::after    {
background-color: #000 !important;
}

/**** search icon color in burger menu   ******/
.av-burger-overlay-active #top #wrap_all #menu-item-search a, 
.av-burger-overlay-active #top #wrap_all #menu-item-search a:hover {
    color: #000;
}

/**** burger menu font color   ******/
#av-burger-menu-ul li a {
    color: #000 !important;
}

/**** burger menu text shadow - if you like  ******/
#av-burger-menu-ul li a .avia-menu-text {
    text-shadow: 1px 1px 3px #333;
}

/**** burger menu hover state  ******/
#av-burger-menu-ul li a:hover .avia-menu-text {
    color: #0088BD;
    font-weight: 400;
}

Only needed if your burger menu is not 100% width –
for the styling of the page if burger menu is active you have to make a copy of header.php to your child-theme folder:
look for <div id='wrap_all'> and place just after it : <div class='mega-bg'></div> so that there is :

<div id='wrap_all'>
<div class='mega-bg'></div>

/**** setting up an effect on burger menu active - you have to insert the code above to header.php for that ******/

 .mega-bg {
    width:100%;
    height:500%;
    position:absolute;
    display:none;
    z-index:0;
    transition: all 1s linear 0;
    opacity: 0
    }  

 .av-burger-overlay-active .mega-bg {
    width:100%;
    height:500%;
    background:#fff;
    position:absolute;
    display:block;
    z-index:500;
    transition: all 1s linear 0;
    zoom: 1;
    filter: alpha(opacity=85);
    opacity: 0.85;
    }