?rel=0&iframe=true as described above the first with ? the rest in combination with & and no space
and don’t takte the watch code – take the embed code
the iframe=true is the option for lightbox effect

see the test with https://www.youtube-nocookie.com/embed/Rn8B6BoQD4M?rel=0&autoplay=1&iframe=true&vq=hd720 frameborder="0" allowfullscreen here:

http://webers-testseite.de/ikom/full-slider-with-content/

sometime it only works with the link with http (not https)

?rel=0 (no videos at the end)
&autoplay=1 (autoplay mode – choose & in combination with no space behind?rel=0 )
&iframe=true ( same here – no space and & if in combination for lightbox-effect)
&vq=hd1080 ( force the HD mode – it is not direct from the beginning of the video – and only if there is a HD (1080 or 720 mode))

• This reply was modified 8 years ago by Guenni007.

sorry i had it in a text block element too – but not with the iframe tag – but in the manner above

edit: this is a test page. i placed an image (screenshot of the film) alb element and on the image with link settings to manually.
the link was than with all instructions:

http://www.youtube-nocookie.com/embed/G0k3kHtyoqc?rel=0&vq=hd720&autoplay=1&iframe=true frameborder="0" allowfullscreen

i did a duplicator backup – so if something went wrong – it is not so bad.

i did these variations of avia.js in the child-theme/js/ folder .
i only changed those things you mentioned above – nothing else.

don’t look to intensiv to find a solution.
it works with the “avia_new.js (commenting the function out)

well you can see the link above : webers-testseite.de/konkon

you see here your login-data: https://kriesi.at/support/topic/full-width-sub-menu-sticks-below-frame-with-the-fixed-frame-layout/#post-697567

you can see the different behaviors by activating on child-theme functions.php the different avia.js files.

There are avia_plus.js (this is the avia.js with your changings from above – the plus shows the change with + fixed_frame) – does not work at all
there is avia_minus.js ( same as above but with – fixed_frame) – works if the screen-width is in this way that fixed_frame is gone
avia.js (normal one without changing) only works for wide screens – on small screens not
avia_new.js ( avia_sticky_submenu function discommented) this works with my setting of sticky header with sticky submenu under the main-navigation

with your “+” modification see here both screenshots for scrolled pages:

because i see that on wide screens the distance is fixed_frame setting on my enfold options dialog
and on small screens (before advanced menu is enabled – i set the submenu to display none in this case) it is 2times distance i decided to give the minus fixed_frame a chance.

At least i thought that this could be done in my case ( a non shrinking header) without that function. But this is not a good solution – because it might have a global solution.

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

by the way – why is it important to have a function avia_sticky_submenu() ?
i commented the whole function out. And set the sub-menu-container to position fixed. It works for my construct because the header did not shrink.

Nevertheless there has to be a solution on that.

no vinay the other way round – he wants the 3 column for mobile view too. I understand him so , that he wants it only for landscape – so my media-queries should do the job. But now he likes to have the margin bottom/top the same as left/right.

i can not see a big difference between those distances – you only can try to make it relative – so you have on small pictures not absolute distances.

.responsive #top.home .no_margin.av_one_third {
    margin: 0 !important;
    padding: 2% 0 !important;
    width: 33.3% !important;
}

how did you create your html ?

did you realy use the advanced layout builder from enfold ?

i see very unusual constructions
the grid layout f.e. you use it with one “column”
you construct the distance left and right by adding than a 1/5 empty flex-column –
and use for the content the 3/5th column.

Why don’t you use instead color section
And in it a 1/1 container for the content. The 1/1 container uses the enfold option max-width and the margin: 0 auto to center the content.

etc.

the code you are belonging to your question looks like this :

<div class="flex_column av_one_fourth  flex_column_div   avia-builder-el-45  el_after_av_one_fourth  el_before_av_one_fourth  column-top-margin">
% of variable fee
<p></p>
<p>&ndash;</p>
<p>0.5%</p>
<p>0.75%</p>
<p>1%</p></div>

the % of variable fee is not in the p tag and thats causing the niveau difference (p tag has margin: 0.85em 0;) etc.

PS for tables there is a advanced layout builder element. ( it opens an opition dialog first with price table but you can choose a normal table too)

Look to the image – i would have constructed the table:

and see result here: http://webers-testseite.de/ikom/neue-seite/

it seems to be important to set the translate rules to important:

.show_mobile_menu #mobile-advanced{
-webkit-transform: 	translate(0, 100%)!important;
-moz-transform: 	translate(0, 100%)!important;
-ms-transform: 		translate(0, 100%)!important;
transform: 		translate(0, 100%)!important;
}

the Rest – you have to play a bit (f.e. to position the open and close buttons.

Lege ein neues Menu an. Dashboard/Designs/ Menus –
Unten gibt es Bedingungen – da kannst du “Enfold Child Footer Menu” auswählen (wenn du kein Child-Theme installiert hast steht da nur Enfold Footer Menu)

Safari normal im Mac OSX ? oder ipad / ipod
Meinst Du – nicht versendet oder kommt nicht an?

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

it works here on my iphone – but i thought you like to have it only for landscape.

did you use it with the media querie ? – edit – yes i see it.

try it with:

@media only screen and (min-device-width : 375px)  and (max-device-width : 667px)  and (orientation : landscape) {

}

the min-device-width is a bit more specific to device option than the code above

you have to play a bit with the values : see here the device values: http://stephen.io/mediaqueries/

aha : there comes a class with small screens:

@media only screen and (min-width: 360px) and (max-width: 767px)  and (orientation: landscape) {
.responsive #top.home .no_margin.av_one_third {
    width: 33% !important;
}
}

can you please try this :

@media only screen and (min-width: 360px) and (max-width: 767px)  and (orientation: landscape) {
#top.home .no_margin.av_one_third {
    width: 33% !important;
}
}

you have to play yourself with these values a bit. i can not simulate it via Firebug or something like this for iphone or ipad – you have to set the rule first and than we will see.

if you want it globaly get rid of the orientation: landscape
the min-width should be corrected and the max-width perhaps if you like to set rules for tablets too.

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