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 7 years, 3 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 7 years, 3 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 7 years, 2 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 7 years, 2 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)

if these are a lot of pages – quick css code might be extensive
you can do it via functions.php of child theme too:

function different_header_appearance() {
	if( is_page( array( 42, 54, 6 ) ) ){
	  echo '<style type="text/css">
		.header_bg { background-color: #fff !important}
		#avia-menu .avia-menu-text { color: #25604a}
		.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text { border-color: #25604a !important}
	  </style>';
	}
}
add_action('wp_head', 'different_header_appearance');

how complex those if clauses can be see here:
if ( is_singular( 'event' ) || is_search() || is_category() || is_page() && !is_page(1307) || is_singular( 'portfolio' ) ) etc. pp.

maybe this is an alternative: i created a hr element with ID option ( in case of whitespace) – you can give the hr the height of 0 (Zero) and the function on the link will set the padding of the surrounding top parent-container to 0 (Zero)
So you can use this even with sidebar as an anchor link:

https://webers-testseite.de/edited-enfold-alb-elements/#hr-with-id

read the workaround on top ( for embedding child-theme shortcodes)

Well – first of all the landing pages and the other pages are transparent headers.
So the contact page is the one to turn vice versa ?
For transparent options on the other page you must have different rules again

For the logo you had to have the invers logo and to know on what pages this logo and the css underneath you like to have
for logo you can add this to functions.php of your child-theme:

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"; 
        }
    return $logo;
}

you can do it with the whole bunch of conditional tags

for css you had to specify this rules to the pages you want them to be changed:

.header_bg {
    background-color: #fff !important;
}
#avia-menu .avia-menu-text {
    color: #25604a;
}
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    border-color: #25604a !important;
}

and if you don’t like that the grid-row element is a full-width layout element see here: https://kriesi.at/support/topic/grid-row-not-fullsize-how-to/
there was a reason for doing it via an additional surrounding container. Making the grid-row smaller and positioning it in the center of the screen was easy – but it is hard to style than the background-color of the space left and right. (Mostly it will be no problem – a lot of users have white / white so no difference is seen. My workaround is for the other cases.

you see the difference on the last grid-row. which is only styled via:
https://webers-testseite.de/weber/aaaa/

.page-id-569 #av-layout-grid-3 {
    max-width: 1310px;
    margin: 0 auto;
    padding: 0 25px;
}

if you got a main color different to white – you have the troubles than.

on that link above you can see the nesting on the right grid as you like it.

maybe – best will be to give a custom class to all these iconboxes (your account, services, operations, co-op …)
i have set the selectivity for now via page id and color-section id

.page-id-76 #after_section_1 .iconbox {
    display: inline-flex;
}

.page-id-76 #after_section_1 .iconbox .entry-content-header {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

on smaller screens set back to display: block or do insert to the headings some soft-hyphens with &shy and ;
sorry board soft will immediatly change the entitie code even if placed in code so &shy with semicolon behind