Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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: http://www.StuckinCustoms.com

    Here is MY WEBSITE currently: http://www.FindingMiddleEarth.com

    Thank you so much in advance for your time!

    -Eric

    #462312

    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.
    #462705

    Hey!

    thanks @Guenni007 :)


    @EricMarks

    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.

    Regards,
    Andy

    #463095

    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!

    Eric

    #463156

    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.

    #463843

    Hi!

    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,
    Andy

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.