First of all – you have here on that page more than one h1 Tag. This is something goolge f.e. do not like to see. A h1 heading should be unique as an ID per page.

To your headings and mobile advices. I can not reproduce your troubles. But i can only test it in firefox with ( alt cmd M )
Can you please show a screenshot of what your are talking about

Loading of jquery in the footer seems to have troubles with shrinking header logo.

on mobile there will be a hamburger menu – the option of menu center is for the most advices not given – accept ipad 2 etc on landscape ?

there were possibilities to set this – but there must be alot of css additonal. (Scroll offset, etc.)

Try this in your functions.php of your child-theme:

add_filter('avf_header_setting_filter','av_change_header_layout');
function av_change_header_layout($header){
    if(wp_is_mobile()){
        $header['header_layout'] = "logo_center bottom_nav_header menu_right";
	$header['bottom_menu'] = "header_bottom_menu_active"; 
    }
    return $header; 
}

and this to quick css ( it depends on your header settings values):

.avia_mobile #header_main_alternate {
    border-top: none !important ;
}

.avia_mobile #header_main .container, .avia_mobile .main_menu ul:first-child > li a {
    height: 50px !important;
    line-height: 52px !important;
}

.html_header_top.html_header_sticky.avia_mobile #top #wrap_all #main {
    padding-top: 119px !important;
}

well it is always best to see a link – but is it something like this here: https://webers-testseite.de/
from layerslider over the next color-section – or
like this here : https://kriesi.at/themes/enfold-hotel/

So i think the question is how to only replace those strings in frontend and not in backend.
if in shortcodes the &lt ; and &gt ; are seen the page shows correct – but on editing the iconlist again these strings are translated and the troubles start.

try this : you had to test width and height if this fits:

#top .menu-item-search-dropdown > a:before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: url(https://url-to-your-image.jpg) no-repeat center center;
    background-size: contain;
}

and your screenshot does not show the bottom of the list – where the newly added fonts are ! ;)

Das mit dem Padding-top für main hattest du gelesen. Das muss inline gesetzt worden sein –
egal setz mal bitte:

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 148px !important;
}

hm – i recognized that behavior too on reediting some textblocks –
or very often in headings from some alb elements f.e. inserting a softhypen – after reediting that alb again it is lost.

maybe the avia_ampersand function could redefine some special characters
f.e. i do allways want to have non-breaking dashes :

add_filter('avia_ampersand','non_breaking_hyphens');
function non_breaking_hyphens($content)
  {
    $content = str_replace("-","&#8209 ;",$content); 
    return $content;
}

maybe this could help

add_filter('avia_ampersand','translate_signs');
function translate_signs($content)
{
    $content = str_replace("<","<span class='special_amp'>&#60 ;</span>",$content);    
    $content = str_replace(">","<span class='special_amp'>&#62 ;</span>",$content); 
    $content = str_replace("&#60 ;","<span class='special_amp'>&#60 ;</span>",$content);    
    $content = str_replace("&#62 ;","<span class='special_amp'>&#62 ;</span>",$content); 
    return $content;
}

Lol : Boardsoft changes it immediately :

so remove the space to the semicolon

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

deminish the 29.333 etc to f.e. 29.2%
(100-2×6):3 = 29,333333 but borders and other settings could be responsible that it does not fit with the exact value

and as allways it might be an important necessary:

@media only screen and (max-width: 767px) {
#footer .av_one_third {
    margin-left: 6% !important;;
    width: 29.2% !important;;
}
#footer .av_one_third.first {
    margin-left: 0 !important;;
}
}

or maybe you make it for very small screens as it is set by Enfold – and let the space in between abit smaller:

@media only screen and (min-width: 480px) and (max-width: 767px) {
#footer .av_one_third {
    margin-left: 4% !important;;
    width: 30.5% !important;;
}
#footer .av_one_third.first {
    margin-left: 0 !important;;
}
}

wo kommt das padding-top von main her – hast du das gesetzt ? da steht inline css
das ist der Wert 152 nimm doch mal 149px

und eventuell definierst du den Header Schatten ein wenig anders :

.av_minimal_header_shadow {
    box-shadow: 0 5px 12px -8px rgba(0, 0, 0, 0.8);
}

Lösche deinen Browser Cache und eventuell vorhandene Caching Plugins.
ich sehe jetzt kein rot mehr

that is the code here on board which normaly is used to do this. But i tried a few seconds ago.
But i’m working on a German WordPress with Enfold maybe this only goes with editing the lang files.
I guess the substitution is made but the translation to german is the same.
So i suppose that on english sites this will work perfect – the filter still exists in enfold.

on Enfold Options – general styling – fonts there are both heading and content
the newly added fonts are at the bottom of the list. If not – please show me your code you have inserted

and it is indeed the enfold menu you see.
Sometimes it is forgotten to define a menu as main menu.

If you done that – a link would be nice