Each solution –
prependTo and appendTo has its own css rules
you have now to many padding-left rules in there ( even for social icon 2 and 3 )
once you like it up now you like it down – but then you have to get rid of the other css rules .
I’ll wait and see how you decide now. Because the constant back and forth is not fun for me either

one thing to mention: the cells with content (not the one with the background images)
you have on grid row the options for grid-row itself –
and than the options for each cell – on that free lancer demo there are these cell options set to vertical align : center

and another one – think of background-image placement: it is in relation to screen window – not to cell size.
So if you have a cell on the right side with a background-image place it top-right etc.

this is made via alternately Grid Row ( 1/2 1/2) Elements – first is with transparency options.
The images are made as background-images – some with fixed positioning.

As an ALB Element where you can place other ALB Elements ( like in color-section) you can drag&drop every (accept color-section) other ALB Element in the Cells.

Thats all – no magic

@project_co_uk : for you it must be (if social_bookmarks are on top)

you have to erase the rule for

#av-burger-menu-ul li.social_icon_1 {
 padding-left: 40px
}

and then :

#av-burger-menu-ul li.burger-social {
    float: left;
}

#av-burger-menu-ul li.burger-social a {
    padding: 10px !important;
    border-bottom: none !important;
}

#av-burger-menu-ul li.social_icon_4 {
 padding-left: 40px
}

#av-burger-menu-ul .av-active-burger-items:not(.burger-social) {
    clear: left;
}

.burger-social a {
    width: 50px;
}

.burger-social a::before {
    left: 15%;
    position: relative;
}

#av-burger-menu-ul .av-social-link-facebook.burger-social a:hover {color:#fff !important; background-color:#37589b !important }
#av-burger-menu-ul .av-social-link-twitter.burger-social a:hover {color:#fff !important; background-color:#46d4fe !important }
#av-burger-menu-ul .av-social-link-youtube.burger-social a:hover {color:#fff !important; background-color:#a72b1d !important }
#av-burger-menu-ul .av-social-link-instagram.burger-social a:hover {color:#fff !important; background-color:#a67658 !important }

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

no Nikko – that would be not enough. Because i think he likes to transform all headings to (f.e. a h3 standard heading – with that small line besides) to modern style (without that line). ( And styling is not implemented in headings advanced styling options)

If it is only that line that disturbed him – that was easy to get rid of

you can set all headings as Nikko said on that advanced styling to font-weight : normal (300) or you put this to quick css

.av-special-heading-tag  { font-weight: 300} 
.special-heading-border { display: none}

maybe an !important on font-weight is necessary

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

see post there – i answered on that thread

you can see result here – dont know why on your site the hover effect is like it is:

https://webers-testseite.de/weber/

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

you are kidding – no : this is only an advice to take the nice and costless polylang.
(meanwhile the lifetime licenses on wpml is no longer available – i have an old contract)
here on board there are a lot of satisfied Polylang users

have a look if this fits your whishes:

.av-hamburger-inner, .av-hamburger-inner::before, .av-hamburger-inner::after {
    width: 40px;
    height: 5px;
}

.av-hamburger-inner::before {
    top: -12px;
}
.av-hamburger-inner::after {
    bottom: -12px;
}

the hight is what you asked for , width is clear – and top and bottom values determines the distance

by the way – on Enfold Options – Header – Header behavior – please checkmark that “Let logo and menu position adapt to browser window”
And have a look if this isn’t better for your big wide menu!

On Main Menu – what do you have on : “Menu Items for mobile” ?

and afterwards ( you don’t want to have both footer and socket links) goto enfold options – footer and deselect social icons there

But i believe that this couldn’t work –
you have to have the social media activated on Enfold Options dialog – without these links could not work.

if it works – don’t know why if you haven’t set the social things on Enfold options – try:

just a moment i did have your wrong quotatin marks

<ul class="noLightbox social_bookmarks icon_count_5">
<li class="social_bookmarks_mail av-social-link-mail social_icon_1"> (Email address hidden if logged out) ?subject=Inquiry from WGM Website"><span class="avia_hidden_link_text">Mail</span></li>
<li class="social_bookmarks_facebook av-social-link-facebook social_icon_2"><span class="avia_hidden_link_text">Facebook</span></li>
<li class="social_bookmarks_instagram av-social-link-instagram social_icon_3"><span class="avia_hidden_link_text">Instagram</span></li>
<li class="social_bookmarks_twitter av-social-link-twitter social_icon_4"><span class="avia_hidden_link_text">Twitter</span></li>
<li class="social_bookmarks_youtube av-social-link-youtube social_icon_5"><span class="avia_hidden_link_text">YouTube</span></li>
</ul>

now you can copy paste

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

just be more specific :

.avia_textblock li {
    list-style-type: none;
    position: relative;
    padding-left: 10px !important;
    margin-left: 5px !important;
}

.avia_textblock li:before {
    content: "\25BA \0020";
    font-size: 12px;
    position: absolute;
    top: 1px;
    left: -10px;
}

margin-left is for the indent – if you like to have no line to the Text above – give it a bit more px’s

how did you place the social icons there – by text widget

for a while i wrote a sozial-bookmarks widget for that – but it only places the bookmarks set on Enfold Options dialog –
you can see it on my testing page in the footer on the right column: https://webers-testseite.de
So if you don’t like to show a different set than on top this would only work if you define all and get rid of some in the footer via display:none.

first of all allthough i’m german too – i have to write here english ( and sorry it is not the best – I do not have language practice any more for years)
so if there is something not clear : ask for german explanation.

First use a child-theme ! Because it has many advantages – and adjustments do not get lost on parent update !

1) Split both of your logos – try to give them similar dimensions.
2) it is for some reasons better to set the enfold options logo to display none ( espacially if you have that second logo floating on the right side)
3) insert this to your functions.php of your child theme:

function add_logos($logo) {
	$logo .= '<span class="logo first-logo"><a href="/">' ;
	$logo .= '<img src="/wp-content/uploads/logo1.jpg"/>';
	$logo .= '</a></span>';
	$logo .= '<span class="logo second-logo"><a href="a-different-link" target="_blank">' ;
	$logo .= '<img src="/wp-content/uploads/logo2.jpg"/>';
	$logo .= '</a></span>';
	return $logo;
}
add_filter('avf_logo_final_output', 'add_logos');

3a) you see you can give each logo his own link ( if you don’t like the target blank on second logo erase it)
4) now the things come to quick css ( depends on dimensions and header settings we will see later):

.logo, .logo a { display: inline-block}
.logo:first-child img {display: none}
.logo.first-logo { z-index: 3 }
.logo.second-logo { z-index: 2 }
.logo.second-logo { width: 100% }
.logo.second-logo a { float: right !important }
.logo.first-logo a,  .logo.second-logo a { display: inline-flex }
.main_menu:not(:first-of-type) { display: none !important }

and for the responsive case:

@media only screen and (max-width: 768px) {
.responsive #top .logo:first-child {display: none}
.responsive #top .logo.first-logo {display: inline !important}
.logo.second-logo a {float: left !important}
.responsive #top #wrap_all .container {max-width: 95%; width: 95%}
}

5) we will see when this is done

see here: https://webers-testseite.de/cynthia/mille-deco/

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