In principle yes, but you have no container div inside as surrounding container for content
the av-layout-grid-container could be set to but this conflicts with the background on the left and right of the reduced grid row.
To avoid this it will be nice to have a surrounding container which has the same settings as a color-section containing a 1/1 container in color relation.

This comes to child-theme functions.php:

• Give to the grid-row element a custom-class: grid-notfull

Adjust it to your needs / settings on max-width of container width.

// Grid-Row Alb not set to full width but like container to max-width from default setting
function grid_layout_notfull(){
?>
<script>
(function($){
    $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize color1"></div>');
    $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" });
    $('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 50px"});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'grid_layout_notfull');

the 1310px is the default value of Enfold – if you have a different one – adjust this value
After that you have a surrounding container with class: notfullsize and on default with background-color of : main_color
the code provides another class : color1 – if you want to adjust this.

Well on Menu ( Dashboard – Appearance – Menus ) you can

add an additional home link.
you can add html code to the “Navigation Label” of that menu-item.

do you know how to make those extra infos visible on menu options?
There is a flyout menu on top “Screen Options” mark css-classes too!
on each menu-item there is a little arrow on the right:

insert in navigation label the html vor your logo
f.e.
<img src="/wp-content/uploads/logo.png" /> maybe an absolute path is necessary
give to that menu item a custom-class: only-burger

now – to see the doubled Home-Menu-item Link only on hamburger:

#avia-menu .only-burger.menu-item {
    display: none;
}

so this image is the first list item on your hamburger – and has direct link to home. – bingo

seem to be an outline problem on avtive or focus state:

try:

.tab.active_tab {
    outline: none !important;
}

Example Code: put this to your child-theme functions.php

function insert_dividers(){
?>
<script>
(function($){	

	$('.avia-section.divider.top1').prepend('<svg width="100%" class="top" version="1.1" id="faecher" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1500 300" preserveAspectRatio="none"><g fill="#990000"><path class="st0" d="M250,296" fill-opacity=".5"/><polygon class="st1" points="1500,250 750,84.9 0,250 0,0 1500,0 " fill-opacity=".2"/><polygon class="st2" points="1500,191.6 750,81.5 0,191.6 0,0 1500,0 " fill-opacity=".4"/><polygon class="st3" points="1500,133.1 750,78.1 0,133.1 0,0 1500,0 " fill-opacity=".6"/><rect y="0" class="st4" width="1500" height="74.4" fill-opacity="1"/></g></svg>');

	$('.avia-section.divider.bottom1').append('<svg width="100%" class="bottom" version="1.1" id="faecher" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1500 300" preserveAspectRatio="none"><g fill="#990000"><path class="st0" d="M250,296" fill-opacity=".5"/><polygon class="st1" points="1500,250 750,84.9 0,250 0,0 1500,0 " fill-opacity=".2"/><polygon class="st2" points="1500,191.6 750,81.5 0,191.6 0,0 1500,0 " fill-opacity=".4"/><polygon class="st3" points="1500,133.1 750,78.1 0,133.1 0,0 1500,0 " fill-opacity=".6"/><rect y="0" class="st4" width="1500" height="74.4" fill-opacity="1"/></g></svg>');

	})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'insert_dividers');

now go to your ALB and open a color-section:
give a custom-class to this color-section: divider top1 bottom1

put this to quick css:

.divider svg {
    position: relative;
    z-index: 5
}

.divider svg.top {
    top: -2px !important;
}

.divider svg.bottom {
    bottom: -11px !important;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

look now what happens to your front-end.

you see on this svg that there is only one class with a lot oft opacity set. there is a group around all ( normal nomenklatur will be g for group) with a fill color of #990000 ( a red )
this svg has an ID of : faecher
so if you want to change the fill color of that svg ( one side is open and transparent )

#av_section_1 #faecher svg.top g {
fill: #222
}
#av_section_1 #faecher svg.bottom g {
fill: #fff
}

but that depends on your svg –
elementor and divi got mostly simple svgs – with one fill-color and different opacities ( sometimes overlaying layers ) – but only one fill-color.

if themes use this feature ( and i think it might be time that enfold will get this option too ) make it via svg – and to be precise with inline svg. Because you had to influence the colors in it to adjust it to your section before or after it. These “fill” attribute can be done via css.
The best place on Enfold in Color-Section would be just before, and after the color-sections container – so you will have :

<div class="avia-section  …
  <svg  (  inline for the top ) </svg>
     <div class="container">… </div>
   <svg  ( inline  for the bottom ) </svg>
</div>

this could be done via child-theme functions.php
f.e.
$(‘.avia-section.divider.top1’).prepend(‘<svg class=”top” ……… preserveAspectRatio=”none”></svg>’);
$(‘.avia-section.divider.bottom1’).append(‘<svg class=”bottom” ……… preserveAspectRatio=”none”></svg>’);

it will be best for that on having svgs with no concrete AspectRatio – then you can style it the way you like.
the …….. is your rest of the svg code.

you can see here some examples on using this method: https://webers-testseite.de/guenni/
f.e. see footer area

If you look how elementor f.e. does the trick – it is very similar to that. (and maybe you find some interesting svgs there ;)
to use the code for a nice style svg – you can use transform (rotate 180deg) to use it for the bottom – so one svg for bottom and top.
you can transformY 180deg for a mirror form of that.

The classes above are now nice to have – because if you give to a color-section these classes – it will automatically add the inline svg to your DOM. The rest is Quick CSS to positionen and colorize parts of the svg.

Thanks – works – as always.

I have rarely had such problems as here some of my fellow users. I have to say, however, that I have never done the theme updates via the WordPress updateroutines, especially when it comes to major updates ( 4.5.x to 4.6.x). Actually I have always updated customer sites via ftp. ( In this way )
Recently I’ve also updated about this plugin. Since it probably proceeds quite similarly as I do this with ftp.

i shortly tested it on my webers-testseite.de with:
but both menus ( in header_main and header_main_alternate) are identical due to helper-main-menu.php.

so a simple change of one ID with f.e. jQuery leads to the same ID of both – allthough selector is specific only for one of them. A remove of ID works ( too on both) – but will end in a non working hamburger.
So we had to solve it via source code. –
that is for all heading typs the same:

$avia_theme_location = 'avia';
$avia_menu_class = $avia_theme_location . '-menu';

and following:

'menu_id' 			=> $avia_menu_class,

i do not know how to solve this
this f.e. is always synchronized allthough specific
document.querySelector('#header_main_alternate #avia-menu').id = "newid";

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

Das ist jetzt schon die 3. Seite von der ich hier sehe, dass es hie und da wohl mit dem Rocket Plugin Probleme geben könnte.
Das Lazy_Load schein da nicht ganz so zu funktionieren in Verbindung mit Enfold.
Die Seite hat auf Firefox auch noch ein paar Unstimmigkeiten. Muss mal schauen, ob es in einen Testinstallation auch so ist bei mir.
Die Tooltips sind in Firefox nichtrichtig platziert (verschoben – weg von den Punkten) im Chrom sind Sie korrekt platziert.

geh in die Einstellungen Dashboard – Einstellungen – Allgemein : Sprache Der Webseite : dort “Deutsch Sie” umstellen

We had to see it – what you mean – maybe a screenshot to see what you like to achive and a link to site would be great.
If you can not make your links public – post it in private content area. then you had to wait til mods are here

did you set the custom class on those menu-items? ( 2. Add a custom CSS class name “multilineItem” to the menu item )
and ad the code to quick css