Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #462281

    Hello, my question is simple, but I am hoping the answer isn’t going to be as complicated as I think it might be.

    I am using enfold for my photography blog, and I would be the happiest person in the world if I could figure out a way for my homepage slider and menu to behave JUST LIKE THIS SITE:

    Here is MY WEBSITE currently:

    Thank you so much in advance for your time!



    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:
    the rest will be styling the menu and vor responsive to set the sub-menu to display none

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


    thanks @guenni007 :)

    Let us know if you still need help with this.

    Otherwise feel free to open a new ticket if you have another question or issue related to the theme.



    Thank you very much for the advice @guenni007. It doesn’t look quite right on my site, but do you know how to get the logo to attach itself to the menu bar under the slider like on that site example I gave? Thanks so much for your time!



    The code above has to be changed if you use a different header like in the example. Because i choosed the shrinking transparent for it.
    But i see that the header-scrolled class only exists if the shrinking header is used.



    if you really need a header like in your example (which starts at the bottom of the page and stays at top of the page when scrolled), then it would require a heavy customization of the theme. You would need to hire someone for this job.

    Best regards,

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.