Navigation Style / Flyout menu

Hey xela,
Thank you for your patience and the link to your example, this turns out to be a little more involved than it first looks, but if you are only going to have a few menu items that will fit in a single row, such as 5, with no sub-menu items, then you could try this css:

.html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a,
.html_av-overlay-side #top #wrap_all .av-burger-overlay #av-burger-menu-ul li {
    display: inline;
}
.html_av-overlay-side-classic #top .av-burger-overlay #av-burger-menu-ul li a {
    border: none;
}
#header_main .av-burger-overlay {
    height: 225px;
}

#top #header_main #av-burger-menu-ul {
    display: block;
    height: 125px;
    padding: 125px 0;
}
.html_av-overlay-side .av-burger-overlay-scroll{
	width:100% !important;
	transform: none!important;
	transition: none!important;		
}
 html.av-burger-overlay-active #top #header_main .social_bookmarks, span.logo {
	z-index: 200;
}

this is the result, it is a gif so you may need to click to play:

For a larger menu with sub-items or a better solution, you may wish to look for a menu plugin.

Best regards,
Mike