ok – you can see here on my webdesign page https://webers-webdesign.de
that even a video ( this is a selfhosted video) works well on adv. layerslider – even on small screens (by the way on modern mobile advices too). So there must be some inconsistancies on your setting. Did you try a different image? Is it a reproduceable effect? Did you recognize that it is on a specific screen width range (f.e. between 768 and 990px )

Edit: on slider settings / misc – there is an option : “Use srcset attribut” – which on default is enabled i guess.
sometimes not all images are present in the set. (some cleaning plugins looking for not used images maybe have erased those resolutions) – maybe that causes the fault on your page. Try to disable it – empty all caches and caching tools ( even the browser cache) – if that was the error – you can regenereate the all thumbnails for this image to have a complete srcset – and reactivate this option again

Edit2: for what is the colorsection before the slider with that 1px hr in it?

for the burger menu – you can do this:

#av-burger-menu-ul {
    vertical-align: top !important;
    padding: 125px 0 !important;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li a {
    line-height: 1.8em;
}

and you have to find a solution for ipad ( your menu is than not the hamburger ones) and some menu points float over the following content.

best could be to break the menu at 990px (Enfold Menu Options Dialog)

___________

for your logo on small screens :

@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all .container {
	    width: 95%;
	    max-width: 95%;
	}
	.main_menu ul:first-child > li > a {
		padding: 0 8px !important;
	}
}

why don’t you try the other sliders ( they have buttons options and headings options – and they are on default responsive)
fullwidth-slider and fullscreenslider – i think the first fits for you
see here: https://webers-testseite.de/video-tut/

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

so for a list of page you can use array or to exclude one page the is not

add_filter('avf_logo','av_change_logo');
function av_change_logo($logo){
    if( is_page(21) ) {
    	$logo = "http://www.domain.com/wp-content/uploads/logoforpage21.jpg"; 
    }
    elseif ( is_page( array( 42, 54, 6 ) ) ) {
    	$logo = "http://www.domain.com/wp-content/uploads/logoforpage22.jpg"; 
    }
    elseif ( is_page() && !is_page(1307) )  {
    	$logo = "http://www.domain.com/wp-content/uploads/logoforpage23.jpg";  
    }
    return $logo;
}

ich kenne den Inhalt jetzt nicht – da wäre es schön der wäre schon platziert.
Ich würde der grauen Colorsection – wie Ismael sagt – eine custom-class geben zB: ueberstand
und vor allem kein padding festlegen noch eine mindesthöhe !!!
___
I don’t know the content now – it would be nice if it was already placed.
I would give the grey color section – as Ismael says – a custom-class e.g.: ueberstand
and especially no padding nor a minimum height !!!

dann in das quick css:
then into the quick css:

.ueberstand {
    height: 100px !important;
}

.ueberstand .container {
    position: relative;
    top: -50%;
}

du kannst das hier mal sehen mit einem bild in der color-section:
you can see this with an image in the color-section:
https://webers-testseite.de/buttons/

wenn ein Slider direkt oberhalb liegt (oder ein advanced slider) denke ich müßte man auch noch einen z-index für diese “ueberstand”-Sektion hinzufügen
if a slider is directly above (or an advanced slider) I think you would have to add a z-index for this “ueberhang” section too

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

or you simply use the modal window (lightbox) version of Google Maps – you even did not need any api key for that. – And big Advantage – if you place a notice to the privacy notices, it is probably best GDPR compliant.

See here : https://kriesi.at/support/topic/google-maps-gdpr-dsgvo/#post-981135

something like: Google Map

Well i do not see that mixed content message. So maybe it is only a caching problem on your devices;
but I don’t see any instructions for loading the font either on your site

by the way if you like to support browser independent font usage you can transform your font into woff , woff2 etc on fontsquirell:
https://www.fontsquirrel.com/tools/webfont-generator

I simply added a text block and wrote the text in it

you did not wrote this to the text input field – my guess is that it is copy/pasted from a different html page and inserted into the text-block alb element.

this is no normal text – it is styled with different divs , spans etc pp.
how should a justify influence such a construction. these are all single sentences in different containers.

this is normal input for a avia_textblock without any divs or spans:

Rent Lake Como SRL was created to provide high quality rental international services in the Lake Como area. From apartment or villa rent to particular requests you may have during your holiday, we cover them all. A young, experienced and creative team is responsible for your comfortable vacation. We believe that renting a villa or an apartment is a much better value than a hotel room, as it gives you more space for the same price or cheaper and you live like a local or as if you were home. Plus, you have the convenience of an experienced concierge like ours, who can give you any service you need. Enjoy your stay and feel free to contact us anytime.

The p-tags are set if you make a return on your keyboard (which you do not see even in text editor mode but in source-code they are set.)

Do you mean this text: Rent Lake Como SRL …
i guess you have inserted it by copy and paste from maybe a word doc ? there is no p tag in that pasted text. it is in a span tag.

so if you don’t want to influence all avia_textblocks (team element etc) with:

#top.page-id-460 .avia_textblock {
    text-align: justify !important;
}

you have to edit this text-block and copy paste into the text not the visual editor mode, to have there p-tags.

by the way : justified text can be very ugly – to avoid this there is a nice multilingual plugin called hyphenator.

just brainstorming again …

i do not test it yet – but do you think in days of GDPR (DSGVO) it is a good advice to use google recaptcha?
Test it if some infos will go out without any action just on loading the page!

so if they are identical why do you have one on child-theme ?

by the way this is only part of header.php isn’t it?

this is missing on comparison to 4.4.1.

wp_head();

?>

</head>

<body id="top" <?php body_class( $rtl_support . $style." ".$avia_config['font_stack']." ".$blank." ".$sidebar_styling); avia_markup_helper(array('context' => 'body')); ?>>

	<?php 
	
	do_action( 'ava_after_body_opening_tag' );
		
	if("av-preloader-active av-preloader-enabled" === $preloader)
	{
		echo avia_preload_screen(); 
	}
		
	?>

	<div id='wrap_all'>

	<?php 
	if(!$blank) //blank templates dont display header nor footer
	{ 
		 //fetch the template file that holds the main menu, located in includes/helper-menu-main.php
         get_template_part( 'includes/helper', 'main-menu' );

	} ?>
		
	<div id='main' class='all_colors' data-scroll-offset='<?php echo avia_header_setting('header_scroll_offset'); ?>'>

	<?php 
		
		if(isset($avia_config['temp_logo_container'])) echo $avia_config['temp_logo_container'];
		do_action('ava_after_main_container'); 
		
	?>

hey Vinay – you read my solution –
that’s exactly my recommendation. The equal height columns are provided for that behavior. The problem is, when I put an icon box into it with all its styling ( background, border, border-radius etc) , it looks like it’s still not the same height ( allthough the surrounding column has same height)
I mimic, so to speak, an icon box by putting one in a column and leaving out the styling of the icon box – except for the icon itself. The appearance of the iconbox I take over then with the Columns. So border, border-radius, background etc.

1) so my code above moves the on top icon over the border of the column (top: -100px) – that it looks like the iconbox itself.
moving the whole content to top border of the column results in a big empty bottom which is corrected via the negative margin of iconbox_content_container

2) The transparency option is for having the chance to style the column as if it was the iconbox with border, border-radius , background.

you see it here – without that custom-class and with block-content settings : https://webers-testseite.de/equal-height/#without

why do you have a header.php in child-theme.
On default it is not necessary. So there must be a reason for that. You have to remember why. Often it is because of inserting an extra div or something like that.
Since Enfold 4.2.2 there is a different header.php in enfold. A lot of users who are updating from that older version to 4.4.1 have the same problem with lightbox. So copy a new header.php from the enfold 4.4.1 folder to your child-theme folder and see if the lightbox troubles are gone.
Then you have to know why you got a child-theme header.php so that you can transfer the old changes to the new copy

I would use the enfold resources to achieve it. Because equal-height columns are suitable for this. The look if you use iconbox is not equal height because only the icon-box content gets a background – the columns itself are equal height.
So the setup for that should be : icon-box with icon on top above the title – but with no borders !!!
every column ( in your case 1/3) gets the custom-class: equalboxes
and is now styled this way you like ( border , background, padding etc) padding is important because it looks without very ugly.

https://ibb.co/m43C4o

The icons must be styled with colors background and icon color:

then do this to quick css:

.equalboxes .iconbox_top .iconbox_content {
    position: relative;
    top: -100px;
    background-color: transparent !important;
}

.equalboxes .iconbox_content_container {
    margin-bottom: -100px;
}

@media only screen and (max-width: 767px){
.equalboxes {
    margin-bottom: 80px !important;
}
}

see result: https://webers-testseite.de/equal-height/