Enfold – SLIDER ABOVE MENU BAR

hm – i think the way you have it looks very nice.
I wouldn’t change anything.

but if you have a look here :

i managed it this way:
i set the main nav to display none, and used a submenu (there you can choose existing menus like main menu) under the fullscreen slider
i set up the height from 100% to a calc input (the hight of the sub-menu was 52px)

nav.main_menu {
    display: none;
}

.avia-fullscreen-slider.main_color.avia-builder-el-0.el_before_av_submenu.avia-builder-el-first.container_wrap.sidebar_right {
    height: calc(100vh - 52px);
}

#top .av-subnav-menu {
    margin: 0;
    padding-left: 40px;
}

#top .av-submenu-container {
background-color: transparent;
    transition: background-color 0.4s ease 0s;
}

#top .header-scrolled + #main .av-submenu-container {
background-color: #fff
}

the result you can see here: http://webers-testseite.de/enf02/beispiel-seite/
the rest will be styling the menu and vor responsive to set the sub-menu to display none

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