and again you can have here too f.e. the choice of header style for each page ;)

add_filter('avf_builder_boxes', 'register_meta_boxes', 10, 1);
function register_meta_boxes($boxes){
$boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page' , 'post' , 'portfolio' ), 'context'=>'side', 'priority'=>'low');
return $boxes;
}

add_filter('avf_builder_elements', 'register_meta_elements', 10, 1);
function register_meta_elements($avf_builder_elements){
$avf_builder_elements[] = array(
						"slug"	=> "layout",
						"name" 	=> __("Menu and Logo Position", 'avia_framework'),
						"desc" 	=> __("You can choose various different logo and main menu positions here", 'avia_framework'),
						"id" 	=> "header_layout",
						"type" 	=> "select",
						"std" 	=> "",
						"subtype" => array( __('Logo left, Menu right', 'avia_framework')  	=>'logo_left main_nav_header menu_right',
											__('Logo right, Menu Left', 'avia_framework')	 	=>'logo_right main_nav_header menu_left',
											__('Logo left, Menu below', 'avia_framework') 	=>'logo_left bottom_nav_header menu_left',
											__('Logo right, Menu below', 'avia_framework') 	=>'logo_right bottom_nav_header menu_center',
											__('Logo center, Menu below', 'avia_framework') 	=>'logo_center bottom_nav_header menu_right',
										));
$avf_builder_elements[] = array(
				          "slug"  => "layout",
				          "name"  => __("Blog Styling", 'avia_framework' ),
				          "desc"  => __("Choose the blog styling here.", 'avia_framework' ),
				          "id"  => "blog_global_style",
				          "type"  => "select",
				          "std"   => "",
				          "no_first"=>true,
				          "subtype" => array( 
				                  __( 'Default (Business)', 'avia_framework' ) =>'',
				                  __( 'Elegant', 'avia_framework' ) =>'elegant-blog',
				                  __( 'Modern Business', 'avia_framework' ) =>'elegant-blog modern-blog',
				                    ));

return $avf_builder_elements;
}

hm – if you style your blogs via the blog alb – means if you setup a page f.e. and show your blog with blog ALB – we can create a meta-box on the right side of your editor page:

put this into functions.php of your child-theme:

add_filter('avf_builder_boxes', 'register_global_blog_style', 10, 1);
function register_global_blog_style($boxes){
    $boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page' , 'post' , 'portfolio' ), 'context'=>'side', 'priority'=>'low');
return $boxes;
}

add_filter('avf_builder_elements', 'register_meta_blogstyle', 10, 1);
function register_meta_blogstyle($avf_builder_elements){
  $avf_builder_elements[] = array(
          "slug"  => "layout",
          "name"  => __("Blog Styling", 'avia_framework' ),
          "desc"  => __("Choose the blog styling here.", 'avia_framework' ),
          "id"  => "blog_global_style",
          "type"  => "select",
          "std"   => "",
          "no_first"=>true,
          "subtype" => array( 
                  __( 'Default (Business)', 'avia_framework' ) =>'',
                  __( 'Elegant', 'avia_framework' ) =>'elegant-blog',
                  __( 'Modern Business', 'avia_framework' ) =>'elegant-blog modern-blog',
                    ));

return $avf_builder_elements;
}

you will have than on the right in Layout Options the choice of setting blog_style for each page
see here : https://webers-testseite.de/blog-seite-elegant/
and: vice versa: https://webers-testseite.de/blog-seite-modern/

Edit: hm now we have to support other themes – seems to me to be a proof of quality for Enfold.

if it wasn’t avada it will go this way:
the thing is that content gets a padding-top / padding-bottom of 50px !

so if you insert your hr element give it a custom class f.e. nopadding

and do this to functions.php of your child-theme:

function padding_to_parent_of_hr_nopadding(){
?>
<script>
(function($){
	$('div.hr.nopadding').closest('.content').css({"padding": "10px 0", "min-height": "0px"  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'padding_to_parent_of_hr_nopadding');

what does the code do – it looks for a hr with the class nopadding – if it finds some – it will search for the nearest parent element with class content and defines the padding for it.
this is something which could not be done by css – because we have to select the parent of a dif with class.

:lol Enfold is great : on avia-compat.js there are some checks concerning to devices. (test(navigator.userAgent))

as i did above with that code

var avia_is_mobile = false;
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && 'ontouchstart' in document.documentElement)
{
	avia_is_mobile = true;
	document.documentElement.className += ' avia_mobile ';
}

so if it is a mobile the html document get the class avia_mobile

so we could use that allready for changings:
delete the function in your functions.php and try – this must be the same effect because avia-compat.js allready checked it an set that class to html:

.avia_mobile  #top.page-id-40 #full_slider_1,
.avia_mobile  #top.page-id-40 #av_section_1 .av_textblock_section.av-desktop-hide,
.avia_mobile  #top.page-id-40 #av_section_1 .avia-video.av-desktop-hide {
  display: none !important
}

.avia_mobile  #top.page-id-40 #full_slider_2 {
  display: block !important
}

please go to ipad settings / safari and empty the browser cache .

this is what i see on your page (click to enlarge):

Excuse my initial confusion, but you always have to see how it’s originally set in Enfold to overwrite it.
a separate own test page helps always better than anything else

i see on your page that it works now ( on my ipad it does show now the slideshow (not the film) even on landscape version)

i edited the code above try those

what does your ipad show than now : both ?

or you can try the media query from link above: Link

Too embarrassing

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

i would in this case not take the media-query via screenwidth only.
if you like to handle this only via css than there will be some queries for devices: Link

but i think via functions.php and jquery it would be more selective.

for example this to functions.php of your child-theme:
Can you have a look if it is influenced your ipad too?

Too embarrassing : sorry

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

ist aber auch nicht nötig – siehe meinen letzten Beitrag !
nimm diesen Code in die functions.php
aber wie gesagt alle Checkmarks weglassen im Code-Block element

____________________

Aber damit du custom css setzen kannst gibt es mittlerweile zwei möglichkeiten
früher ging es nur via code in functions.php of child-theme:
add_theme_support('avia_template_builder_custom_css');
oder mittlerweile wenn du die aktuellen Versionen installiert hast, dann über Enfold Optionen / Layout Builder dort häckchen bei : Show element options for developers

ok there is a padding-top/padding-bottom

du hattes Recht, ich dachte, dass es unten nicht so stören würde.

setze deinen Code Block so an – gib ihm die custom class: zero-height (oder irgendwas anderes ) lass alle checkmarks weg – dann wird ein surrounding container geschaffen, dem wir über die functions.php des child-themes:

function set_height_to_zero(){
?>
<script>
(function($){
 $('div.zero-height').closest('.content').css( 'padding' , '0px' );
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'set_height_to_zero'); 

Was macht der code oberhalb: Er sucht nach dem Element mit der Klasse zero-height – wenn er das Element gefunden hat geht er soweit höher bis er das nächste Elternelement findet, mit der Klasse content und ordnet ihm das padding 0 zu.
Da es quasi inline definiert ist, wird es auch ohne important wirksam sein – siehe die Beispiel Seite:
die 1px distanz kommt von dem footer border-top und dem min-height siehe nächster Beitrag

Warum der jQuery Code: es ist via css leider noch nicht Möglich Eltern Element zu selektieren ! Leider – würde manches einfacher machen.
Selbst in CSS4 to come wird es einen parent-selector noch nicht geben – schade Link
https://webers-testseite.de/a-post-with-a-popup/

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

dort wo du die Layerslider machst, siehst du unten den shortcode.

den kannst du auf die Seite mittels code block element setzen ( es reicht wenn du den ganz unten in deinem Layout platzierst)

Klicken zum Vergrößern

see here: https://webers-testseite.de/a-post-with-a-popup/

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

by the way :

clean copy of the theme and overwrote the folder

this could be a problem – because on the mentioned above.
Sometimes developers had to change some names or hierachircal structures to take WordPress Updates into account.
This could cause in the best case only some dead files.
Don’t know why these subfolders are now on shortcodes but – there must be a good reason on it.
If you will overwrite the folder via ftp the f.e. buttons.php will remain in shortcodes folder and the new subfolder buttons will come additionally to it.
Don’t know if this could cause problems – but it might be.

the most comfortable and the most flexible way might be to have two sites :lol
if you like to have only one enfold installation you can reach that via multi-site installation – but this is more or less something for techy-guys.
see here a customer of mine ( it would be possible to have on the one page a left navigation on the other a top one, different logos , different menus etc. pp) Espacially the backup of those pages is a bit more complicated than normal situtation. ( https://naturleben-rheinland.de )
You will have on that case with one Enfold installation two pages with different Enfold Options to setup!

So starting from a normal WordPress / Enfold installation there are different approaches to solve your problem.
if you see this test-environment of mine : https://webers-testseite.de/ click on contact or impressum to see that you can have all kind of headers in one installation by this code if you only want some pages to be different:

to functions.php of your child-theme

add_filter('avf_header_setting_filter','av_change_header_style');
function av_change_header_style($header)
{
    if( is_page('332') ){
        $header['header_position'] = "header_right header_sidebar";
    }
    return $header; 
}

if you like to decide it for each page/post

add_filter('avf_builder_boxes', 'register_meta_boxes', 10, 1);
function register_meta_boxes($boxes){
    $boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page' , 'post' , 'portfolio' ), 'context'=>'side', 'priority'=>'low');
return $boxes;
}
add_filter('avf_builder_elements', 'register_meta_elements', 10, 1);
function register_meta_elements($avf_builder_elements){
  $avf_builder_elements[] = array(
    "slug"  => "layout",
    "name"  => __("Menu and Logo Position", 'avia_framework'),
    "desc"  => __("You can choose various different logo and main menu positions here", 'avia_framework'),
    "id"  => "header_layout",
    "type"  => "select",
    "std"   => "",
    "subtype" => array( __('Logo left, Menu right', 'avia_framework')   =>'logo_left main_nav_header menu_right',
              __('Logo right, Menu Left', 'avia_framework')   =>'logo_right main_nav_header menu_left',
              __('Logo left, Menu below', 'avia_framework')   =>'logo_left bottom_nav_header menu_left',
              __('Logo right, Menu below', 'avia_framework')  =>'logo_right bottom_nav_header menu_center',
              __('Logo center, Menu below', 'avia_framework')   =>'logo_center bottom_nav_header menu_right',
              __('Logo center, Menu above', 'avia_framework')   =>'logo_center bottom_nav_header top_nav_header menu_center',
              ));

return $avf_builder_elements;
}

( comment: nav on top – logo under it – had to be corrected a bit with more css – the others will work immediately with given settings)

you will than have on editor of page post on the left the choice to set up header style

different colors are done via quick css
differnet menu maybe Mikes Plugin will help you than

thanks vinay thats what i mentioned with:

that will be the best start : try to give the images a unique Appearance.

sorry for that bad english – its not what i try to say: try to give the pictures the same outer size.

but sometimes the users not even have a good image processing program.
It is allmost better to optimize the images for the intended use. ( on perfomance reasons too)