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, 7 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

sorry my fault :

/* MOBILE LOGO */
@media only screen and (max-width: 767px) {
	.responsive #top .logo {
	display: block !important;
	}
	.responsive #top .logo img {
	max-height: 120px !important; 
	height: 120px !important; 
	}
}

on my browser all is nice – with what kind of device you are looking to the dev. site ?

ok on firefox with developer test devices – i see the problem:

can you please replace your rule with:

/* MOBILE LOGO */
@media only screen and (max-width: 767px) {
.responsive #top .logo {
    display: block !important;
    max-height: 120px !important;
    height: 120px !important;
}
}

afterwards we see how to optimize the sizes

by the way i noticed that the subfolders are not necessary.
I tested it on a playground of mine – when you put it directly in shortcodes folder it will work too.

the widget tiltle setting to h3 is in : includes/admin/register-widget-area.php

you can use in functions.php of your child-theme :

Edit : better take the general replacement instructions – easier to understand

• This reply was modified 7 years, 8 months ago by Guenni007.

Bist du Vertraut mit dem Bearbeiten von lang files?
diese Übersetzung für Prev. ist recht unglücklich gewählt.
das ganze befindet sich im de_DE.po file im lang ordner .

Empfehlenswert ist zB das Plugin: https://de.wordpress.org/plugins/loco-translate/
welches einem die Möglichkeit bietet die Übersetzungen zu bearbeiten.

ich mache das immer “zu Fuß” mit po-edit und lade mir die files dann in mein Child-Theme zurück
dort habe ich dann im child-theme einen unterordner : lang den ich für meine Übersetzungsfiles heranziehe.
Das kann man in der functions.php des child-themes so veranlassen:

function overwrite_language_file_child_theme() {
    $lang = get_stylesheet_directory().'/lang';
    return $lang;
}
add_filter('ava_theme_textdomain_path', 'overwrite_language_file_child_theme');

if you like to have that too: https://webers-testseite.de/edited-enfold-alb-elements/#icons

But be carefull : New Enfold has its shortcodes about icon-box and icon list now in subfolders – and the hierarchical structure had to be preserved
so the downloaded files comes to
icon-list.php to child-theme/shortcodes/iconlist
icon-box.php to child-theme/shortcodes/iconbox