aha – this is a possiblility to change the options tab via child-theme:
( sometimes the settings had to fit with preset css ( layout.css , grid.css )) – and so maybe for the setting there is no correspondence to find )
but in this case it seems to be only that css setting above – that is influenced by this options tab.

put this to your child-theme functions.php:

function my_avf_option_page_data_change_elements( array $avia_elements = array() ){
  $slug = "layout";
  $id   = 'content_width';
  $index = -1;
  /** Find index of element to change*/
  foreach( $avia_elements as $key => $element ){
    if( isset( $element['id'] ) &&  ( $element['id'] == $id ) && isset( $element['slug'] ) && ( $element['slug'] == $slug ) ){
      $index = $key;
      break;
    }
  }
  
  /** * If key not found, return unmodified array*/
  if( $index < 0 ){ return $avia_elements;}
  
  /*** Make your customizations*/ 
  $avia_elements[ $index ]['subtype'] = array(
								'90% | 10%' => '90',
								'89% | 11%' => '89',
								'88% | 12%' => '88',
								'87% | 13%' => '87',
								'86% | 14%' => '86',
								'85% | 15%' => '85',
								'84% | 16%' => '84',
								'83% | 17%' => '83',
								'82% | 18%' => '82',
								'81% | 19%' => '81',

								'80% | 20%' => '80',
								'79% | 21%' => '79',
								'78% | 22%' => '78',
								'77% | 23%' => '77',
								'76% | 24%' => '76',
								'75% | 25%' => '75',
								'74% | 26%' => '74',
								'73% | 27%' => '73',
								'72% | 28%' => '72',
								'71% | 29%' => '71',

								'70% | 30%' => '70',
								'69% | 31%' => '69',
								'68% | 32%' => '68',
								'67% | 33%' => '67',
								'66% | 34%' => '66',
								'65% | 35%' => '65',
								'64% | 36%' => '64',
								'63% | 37%' => '63',
								'62% | 38%' => '62',
								'61% | 39%' => '61',

								'60% | 40%' => '60',
								'59% | 41%' => '59',
								'58% | 42%' => '58',
								'57% | 43%' => '57',
								'56% | 44%' => '56',
								'55% | 45%' => '55',
								'54% | 46%' => '54',
								'53% | 47%' => '53',
								'52% | 48%' => '52',
								'51% | 49%' => '51',
								'50% | 50%' => '50'
							);
  return $avia_elements;
}
add_filter( 'avf_option_page_data_init', 'my_avf_option_page_data_change_elements', 10, 1 );

i used it once in a similar way for footer_columns.

• This reply was modified 1 year, 11 months ago by Guenni007.

i don’t know if there is an easy way to add mega-menu functionality to sub-menu but:

i would not use the submenu on that – but header layout : logo left – menu below – so you can use all features of main menu.
and to get the top right menu – use a header widget area. And place a navigation menu widget in it.

the ul list items got a padding: .8em 3px

but before we change that value or shift the ul up – it is easier if you go to the right column with the slider – edit that column and give a padding top to that column of about 18px

well then, piece by piece – again, it’s better to remove all the code I gave you and replace it with this one:

@media only screen and (max-width:767px) {
  .avia-icon-list.av-iconlist-big .iconlist_icon {
    float:none;
    margin: 0 0 25px;
    position: relative;
    left: 50%;
    transform: translateX(-50%) !important;
  }
  .avia-icon-list.av-iconlist-big .entry-content-header {
    text-align : center !important;
  }
  .avia-icon-list.av-iconlist-big .iconlist_content  {
    text-align: left !important
  }
  .avia-icon-list.av-iconlist-big .iconlist-timeline {
    display: none
  }
}

thanks

See: https://webers-testseite.de/multiple-background-images/

the nomenklatura on multiple background-images is clear – look to the link above
You can apply multiple backgrounds to elements. These are layered atop one another with the first background you provide on top and the last background listed in the back. Only the last background can include a background color.

see here with your bg image: https://webers-testseite.de/two-bg-images/
but – i think your will have more control over the position of your image above the pattern – if you place an image alb element.

is there a special character inside that new text – for example a greater than or less than ?
These characters will be recognised as a starting/ending tag – and can destroy the rest of the html structure.
if you like to use such characters you had to use either html entities or – a little helper like: https://github.com/KriesiMedia/enfold-library/blob/master/integration%20plugins/Enfold/Special%20Character%20Translation/avia-special-characters_1_1_1.zip

es muss aber ja einen Grund haben warum das – was auch immer es ist – mit der Klasse: mce_SELRES_start.
Danach solltest du suchen – da es die Englische Versio nicht hat – ist es dann obsolete?
Dann entferne es von der deutschen Version. Dieser Kontainer p-tag inclusive des o.a. span-tags verursacht den weißen Hintergrund oben.
der Code im quick css sollte es aushebeln :

#top #main > p {
  height: 0px !important;
  margin: 0px !important;
}

jodoch ist die ursprüngliche Frage – ob der Container überhaupt benötigt wird.
__________
Das andere Problem habe ich nur bemerkt, da ich auch den mobilen Fall mir angeschaut habe.
Du willst den header – entgegen dem Enfold Default Verhalten – oben fixiert lassen. Das ist eben ob der verschiedenen Header Möglichkeiten ( transparent, glassy, nicht transparent ) nicht so trivial. Ein fixiertes Element ist sozusagen ausserhalb des DOM.
Mein Code im Link oben erledigt das – jedoch gibt es eine Regel, die von dir wohl erstellt wurde, was das padding-top von #main betrifft. Die ist schlicht falsch!

Du lässt den Hamburger bei 989px erscheinen, könntest das aber auch früher machen (1225px)

unterhalb der 767px hast du dann eine css setzung die eine Riesenabstand von #main zum header verursacht:

well – i do not see your page – but on the demo page with left and right list :
you had to know how you like to have the left right big lists.
I would bring them all to the left side in responsive case:
( maybe some more important settings are neccessary )

@media only screen and (max-width:989px) {
  .avia-icon-list.avia-icon-list-left.av-iconlist-big .iconlist_icon {
    float: none;
    margin-bottom: 25px;
  }

  .avia-icon-list.av-iconlist-big .iconlist-timeline {
    display: none
  }

  .avia-icon-list.avia-icon-list-right.av-iconlist-big .iconlist_icon {
    float: none;
    margin-bottom: 25px;
    margin-right: 30px;
    margin-left: 0px !important; 
  }

  .avia-icon-list.avia-icon-list-right.av-iconlist-big .article-icon-entry * {
    text-align: left !important
  }
}

if you are allowed to post the link to public – let me see – this seems to be an interesting riddle.
ist es diese apotheken seite ?

on the page something has gone totally out of control.
I would first deactivate all plugins and see if something changes. Because there is something hugely wrong. Take a look at the head area on your page with the developer tools. Is then everything so far in fine from the look of the page, then gradually re-enable the plugins individually.

you got on your child-theme – guess quick css a rule concerning to widget with important setting. so you had to be more specific on that new rule:

#footer .widget .widgettitle {
  color: #0026ff !important;
}

BUT: go and have a look to your !important settings – has to be before the ending semicolon !

your rules :

#footer .widgettitle {
 color:#def1dc;  !important
}

#footer .widgetfont {
 color:#def1dc;  !important
}

and btw: widgetfont is not a used class on enfold

are not well noted – i do not know if this will destroy some of the following rules – but remember to correct them

and think of the time when this is posted – some events are deprecated now – so maybe it has to be now: $(window).on( 'scroll' ,function() {
sometimes it is better to have : .bind('scroll', function() {

aha – ok – then its your turn to find it in the shallows of the source code. ;)

What Font do you realy need?
Myriad Pro … light, regular, bold etc. ?

I would keep my hands off cufonfonts.com. They also offer fonts that are clearly commercial fonts (such as Myriad Pro). The use is therefore illegal. You should therefore either rely on trustworthy sources, or look for a good free alternative to the desired premium font.
If you own the Myriad Pro – be shure that it includes the webfont too! This is usually not the standard.

The PTSans seems to be very similar. And you can download it at Google and host the font on your own server.

ich habe es nie als Problem empfunden einen Shortcode via Text-Alb oder Codeblock Element einzusetzen.
CF7 bietet mit sinnvollen Plugins – wie Upload oder Conditional Fields einfach so viel mehr Möglichkeiten, dass ich den kleinen Umstand verschmerzen kann.