the footer has a gif file as background – no reason for that because there is no transparency at all.
the gif got over 500kb. the jpg 63kb !

klick on the images to see a bigger size

you can use f.e. the plugin maintenance creates a nice Pluginpage ( you can upload your own background-image.) If you don’t like that logged-in users do something with your site you have to set them as Abonnent only!

Links erased now
i don’t want to have the site above offline for a long time ! even if it is only a playground for me.
So have a look to that little plugin – Link is behind maintenance word !

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

or if you want to hold that hint : tranlate it in your language files

edit: :lol
the original Text in english is: You might want to consider some of our suggestions to get better results:

and is translated in the turkish lang files to the german translation ! ???
_____________________

PS : that was the reason why i answered in english and german as well. – Sorry.
Normaly the untranslated files leave as they are – in english

well if you work with a child theme do the following in the child theme functions.php :

add_action('get_footer', 'add_div_before_footer');
function add_div_before_footer(){
	?>
	<div class="container_wrap" id="extracontainer">
		<div class="container">
                     Content
		</div>
	</div>
	<?php
}

the id is for styling your container than. The Content is what you like to position there ( Images or something else)

if you like to place some content which you built with the advanced layout builder – activate the debug mode – copy that code and place it inbetween instead of “Content”.

?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, 8 months 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, 8 months 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.