can you please look if it starts now on your mobile devices: http://webers-testseite.de/weber/archie/

have you deleted all caches ( browser and maybe plugin-caches – and enfold merged files (js and css) ) ?

on which different mobile devices have you tested this?

F.e. only since IOS 11 with new safari these video-backgrounds are supported!

What is your smart option – i can not find it in the api options?
why don’t you include in the iframe code an autoplay=1 option ?

and for mobile (safari too) set the parameter :
&playsinline=1

well i understand this : Hello i have a problem. I have 7 categories with there own logo that he likes to change the logo for each category. – and not to have multiple logos

i realy don’t understand your construct – but you can change logo for pages , categories , posts, etc if you know something about conditional phrases in wordpress.

a single post got a categorie – if you like to change all logos for single post with a given category use

add_filter('avf_logo','av_change_logo_for_categories');
function av_change_logo_for_categories($logo){
    if( is_single() && in_category( 'slider1' ) )  {
    	$logo = "https://webers-testseite.de/wp-content/uploads/layerslider/Parallax-Slider/truc.png"; 
    }
    return $logo;
}

you can modify this with a lot of elseif rules and for pages , page arrays etc. pp like:

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo){
    if( is_page(21) ) {
        $logo = "http://www.domain.com/wp-content/uploads/logo21.jpg"; 
    }
  
    elseif ( is_page( array( 42, 54, 6 ) ) ) {
        $logo = "http://www.domain.com/wp-content/uploads/logo22.jpg"; 
    }

    elseif ( is_category( 'slider1' ) )  {
        $logo = "http://www.domain.com/wp-content/uploads/logo23.jpg"; 
    }

    elseif( is_single() && in_category( 'slider1' ) )  {
        $logo = "http://www.domain.com/wp-content/uploads/logo24.jpg"; 
    }
    return $logo;
}

all single posts with category: slider1 will get logo24
if you got a list of posts of category slider1 ( has_category) logo23

Give to the testimonial-wrapper a min-height – so that biggest Testimonial fits in to that container.
You will not solve that problem for all screen-width ( the small ones are the problem) – but for a normal screen width this will work:
Please adjust the min-height to your testimonials – the thing is that the short testimonials

.avia-testimonial-wrapper {
    min-height: 350px;
    margin: 0;
}

the min-height value should be in this way that even the biggest testimonial has enough place to show.
a fixed height that will work even for small screens ( maybe a normal 3 liner will turn under this circumstances in a 6 liner testimonial) looks ugly.

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

editing the files means having a child-theme footer.php and maybe insert your own hook

f.e. after the <?php on line 162 of footer.php
do_action( 'ava_in_socket' );

try this – that is probably a good approach to the solution

@media only screen and (max-width: 767px) {
  .big-preview.single-big, .big-preview.single-small {
    width: 120% !important;
    max-width: 120% !important;
    margin: 0 auto !important;
    position: relative;
    left: -10% !important;
}
  #main .content {
    padding-top: 0px
  } 
}

i edited the thread because i see in your css some strange things:

by the way on my Mac newest OSX and Safari / Safari Technology Preview / Chrome / Firefox all is ok with your Headings

i think he likes to add an ID to an Enfold ALB Button!
There are scripts to achieve this, but then the class should definitely only exist once! – otherwise you will have double ID conflicts !

give the button itself a unique class (in my case: unique-class )
add this to functions.php of your child-theme:

function add_ID_to_unique_class() { 
?>
<script>
(function($){
	$(document).ready(function(){ 
  		$('.unique-class .avia-button').attr('id', 'what-you-like');
	});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_ID_to_unique_class');

If you have this often – then i would edit that alb element to have an id Input field – put it in child-themes/shortcodes folder and load that.
Instructions: https://webers-testseite.de/edited-enfold-alb-elements/
See here: https://pastebin.com/EE3b0wX4
Download here: https://pastebin.com/dl/EE3b0wX4

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

Ich bin mir aber nicht im Klaren, ob das Plugin oder ein anderes das in Überschriften vermag, wenn ein explizite word-break oder word-wrap Anweisung existiert.
Ausserdem solltes du mit solchen tools sparsam umgehen. Dei Manuelle Methode ist zwar zeitaufwändig, aber dafür Performance schonend. Denn wenn ganze Seiten von dem Plugin nach möglichen hypens durchsucht werden und gesetzt werden müssen geht das ganz schön auf die Server-Power.

Eventuell stellt dich ja die normale Trennung zufrieden (nicht die grammatikalisch perfekte):

h1,h2,h3,h4,h5,h6 {
  hyphens: auto !important
}

____________

But I’m not sure if the plugin or any other plugin can handle headlines if there is an explicit word-break or word-wrap statement.
Also, you should use such tools sparingly. Although the manual method is time-consuming, it is performance-saving. Because if whole pages are searched by the plugin for possible hypens and must be set, this goes quite on the server power.

where did you insert that do_shortcode block?

maybe you have to put in the echo do_shortcode( ) at that template

and by the way on mac keyboards there is no sign for it – you find this special backslash on
alt+shift+7

have you a link where this does not work – or where you want that to work.

ah – onething i have forgotten: you have to shift the content the same value to top ( to adjust the padding-top of color-section)
i did it with the column option for the first column: Custom top and bottom margin margin-top : -52vw