ok – than you had to wait til mods are here.

it would be nice to see a link. Otherwise, it is purely speculative

i know that code as well – but try this one – maybe it works (too)

add_action('wp_head', function() {
?>
	<link href="https://fonts.googleapis.com/css?family=Cinzel+Decorative:400,700" rel="stylesheet"> 
<?php
});

Or your code only with false at the end – but try first the top code

function avia_add_google_fonts() {
wp_enqueue_style( 'avia-google-fonts', 'https://fonts.googleapis.com/css?family=Cinzel+Decorative:400,700', false ); 
}
add_action( 'wp_enqueue_scripts', 'avia_add_google_fonts' );

Or put a column in that color-section and set for the column Custom top and bottom margin negative margin

take the grid row element ad a cell on click at the bottom of the alb element add cell and after it set cell size
there you can choose 1/4 1/4 1/2.

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 7 years, 8 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;;
}
}