Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 23, 2020 at 10:31 am #1224802
    opvab

    Hi.
    I’ve activated the option display menu as icon and choosed the “Invisible header appears on scroll down” on pages.
    Is there a way to display the burger-menu only on page load and when scrolling, the logo+top_menu etc. gets visible.

    Thanks,
    OPVAB

    June 23, 2020 at 10:41 am #1224804
    opvab

    Perhaps could you configure:
    .av-main-nav li {
    float: left;
    position: relative;
    z-index: 20;
    margin-top: 250px;
    }
    when page load, and when scrolling:
    .av-main-nav li {
    float: left;
    position: relative;
    z-index: 20;
    margin-top: 0px;
    }

    June 23, 2020 at 11:53 am #1224827
    Yigit

    Hey,

    Could you please post a link of your website?

    Cheers!
    Yigit

    June 23, 2020 at 4:18 pm #1224908
    opvab

    Hi.
    I’m redoing the site, so i posted the url for the page with new concept in PC.

    June 23, 2020 at 5:37 pm #1224923
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
#top .av_header_scrolldown.av_header_transparency {
    opacity: 1;
}
@media only screen and (min-width: 990px) { 
.main_menu {
    top: 250px;
}
.header-scrolled .main_menu {
    top: 0;
}}

    Best regards,
    Yigit

    June 24, 2020 at 9:02 am #1225089
    opvab

    Hi Yigit.
    Sorry, but the hamburger menu is not visible on page load, but hidden with the rest of the second menu and logo= margin-top: -250px.

    Thanks,
    OPVAB

    June 24, 2020 at 9:04 am #1225090
    opvab

    Sorry, it did work. Cache problems.

    Thanks

    June 24, 2020 at 9:45 am #1225093
    opvab

    Yigit,
    another issue with the page. I cant seem to get rid of the gap between the grid row and the below color section.
    Could you please check why it is a gap!

    Thanks,
    OPVAB

    June 24, 2020 at 10:11 am #1225099
    Yigit

    Hi,

    It seems like you have defined fixed height for your Grid Row. Could you please check if that is the case?

    Best regards,
    Yigit

    June 24, 2020 at 10:20 am #1225102
    opvab

    I removed the min-height of 384px for the grid row and all margins and paddings are 0px. But there still is a gap.

    In chrome DevTools I could see that the elements reach out in height, but I don’t know if it’s av-layout-grid-2 or flex_cell no_margin av_one_third that makes the white gap.

    Thanks,
    OPVAB

    June 24, 2020 at 11:16 am #1225121
    Yigit

    Hey OPVAB,

    The first whitespace is there because your first Grid Row also has fixed height.
    Could you please create temporary admin logins and post it here privately so we can look into it? :)

    Best regards,
    Yigit

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