well to have it on sliders and on first-color-section too take instead:

function change_position(){
?>
<script>
(function($){
	$('div.avia-builder-el-first').each(function () {
	        $(this).insertBefore($(this).prev('#main .title_container'));
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'change_position');

https://webers-testseite.de/breadcrumb-under-sliders/
or here with your kind of header and logo: https://webers-testseite.de/weber/service/

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

by the way – a little off-topic – i see that breadcrumps title gets a h1 – this is on my opinion a bit to much.
If i want to set a h1 on that page – we got more than one h1 – not a good practice.

ok – this does not solve my problem.
i think it is the right function but it does not concern to my request.

i have on my landing page different links in the menu – which are not IDs of a color-section but of a tab.
See private content.
on mobile case the links to color-section IDs work even on the same page – the hamburger closed after click.
But if the link goes to a tab id it stays open

maybe it is causing by this : https://en.wikipedia.org/wiki/Cross-origin_resource_sharing
look here: https://kriesi.at/documentation/enfold/enable-cors/

hi Ismael – what is to substitute? :

tell me please what lines to substitute – i need that solution too.

Or maybe an upload of avia.js to pastebin or sth else

btw. til avia.js does not change on update you can place an edited copy of the whole avia.js into your child-theme/js folder and :

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

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

und die Keyframes sind bei shortcodes 5528
f.e.

@-webkit-keyframes caption-top {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@keyframes caption-top {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  100% { transform:translate(0,0); opacity: 1; }
}

@-webkit-keyframes caption-bottom {
  0%   { -webkit-transform:translate(0,20px); opacity: 0;  }
  100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@keyframes caption-bottom {
  0%   { transform:translate(0,20px); opacity: 0;  }
  100% { transform:translate(0,0); opacity: 1; }
}

also du siehst die header kommen von oben (-20px) auf position
die Texte darunter von unten (20px) auf 0

it is all in shortcodes.css – this part:

/*caption frame*/
.avia-caption-content{line-height: 1.3em;}
.avia-caption-content p {margin:15px 0;}

.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title,
.avia-caption .avia-caption-content p, .avia-caption .avia-caption-title{
background: #000;
filter: alpha(opacity = 80);
background: rgba(0, 0, 0, 0.5);
display:inline-block;
margin:0 0 1px 0;
padding:10px 15px;
}

#top .avia-caption-content .wp-smiley{display:none;}
#top .avia-caption-content a{text-decoration: underline;}
#top .avia-caption-content a:hover{text-decoration: none;}

.avia_transform .av_slideshow_full .avia-caption-title{

}

.avia_transform .av_slideshow_full .avia-caption-content, .avia_transform .av_slideshow_full .avia-caption-title,
.avia_transform .av_fullscreen .avia-caption-content, .avia_transform .av_fullscreen .avia-caption-title, 
.avia_transform .av_fullscreen .avia-slideshow-button, .avia_transform .av_slideshow_full .avia-slideshow-button
{
-webkit-transform:translate(0,0);
transform:translate(0,0);
visibility: hidden;
}

.avia_transform .av_slideshow_full .active-slide .avia-caption-content,
.avia_transform .av_fullscreen .active-slide .avia-caption-content
{
visibility: visible;
-webkit-animation: caption-right  1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-right  1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

.avia_transform .av_slideshow_full .active-slide .avia-slideshow-button,
.avia_transform .av_fullscreen .active-slide .avia-slideshow-button
{
visibility: visible;
-webkit-animation: caption-left  1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-left  1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

.avia_transform .av_slideshow_full .active-slide .avia-slideshow-button-2,
.avia_transform .av_fullscreen .active-slide .avia-slideshow-button-2
{
visibility: visible;
-webkit-animation: caption-right  1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-right  1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

.avia_transform .av_slideshow_full .active-slide .avia-caption-title,
.avia_transform .av_fullscreen .active-slide .avia-caption-title
{
visibility: visible;
-webkit-animation: caption-left   1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-left   1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content
{
visibility: visible;
-webkit-animation: caption-bottom 0.5s 1 ease-out;
animation:         caption-bottom 0.5s 1 ease-out;
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-title
{
visibility: visible;
-webkit-animation: caption-top    0.5s 1 ease-out;
animation:         caption-top    0.5s 1 ease-out;
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-slideshow-button,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-slideshow-button
{
visibility: visible;
-webkit-animation: caption-top  1.2s 1 ease-out;
animation:         caption-top  1.2s 1 ease-out;
}

So select the right thing

or do you really mean an Enfold – nulled Version ?
That would be a very brazen support request. ;)

no x-theme is a unique theme itself ?

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

if i have forgotten something to delete – please tell me.
your welcome – best whishes to the Netherlands. – My Great Aunt lived in Voorburg nearby Den Haag

by the way: It is a pity that you do not use the slider as it is : a slider – with fading some different images ( maybe with the same captions ?

and again by the way: you can even use here the background-repeat the same way with commata
background-repeat: repeat-x, no-repeat, repeat-y

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

background-images can be more than one f.e.

#exampleA {
background-image: url(decoration.png), url(ribbon.png), url(old_paper.jpg);
background-repeat: no-repeat;
background-position: left top, right bottom, left top;
} 

if it is important the first will overlay the second and so on!

so we had to find a different quick css
do not place the background-image in 1/1 container via ALB. only give the background-color : #fff
and your class intro-tekst goes to that 1/1

– i downloaded your seal png and try to implement it – just a moment

no as you see

click to enlarge:

1) the slider ( i only did show the control elements to make it clear it is a slider full-width) is a normal slider
2) the color-section under it : normal with no miniumum height
3) put in your desired 1/1 container – give to him your class: intro-tekst
3a) background-color of 1/1 container as you like – with inset box-shadow it will work better with #fff
3b) your edge normal on 1/1 container
4) the 1/1 container

declare the margin-top here on 1/1 container not to the color-section via quick css !

removed

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

All font-sizes inherited the size from body. Maybe you can manage your desired result by using a screen-width dependent value
f.e.
body {font-size: 1.5vw}
but from that there will be more problems to come from than to solve one.
i think this is the clue – that on responsive design the containers width and their positioning is changed – and font-size stayes more readable

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

for your logo you should use an svg instead. Vectorbased is in small sizes the best way.
And you can use some code in functions.php of your child-theme to use the different logo on mobile or small screens