Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 4, 2024 at 11:18 am #1429253
    Martin

    Hello,

    I think I discovered a programming error with the Enfold. Take a look at the page http://designplanung-leipzig.de/projekt-003/ and push it together until the burger menu comes out. Then click on the citizen menu – it won’t appear. But if I change the header setting to e.g. “Logo in the middle, menu below” it works. Also with all other header settings. What do you say to that?

    Best regards,
    Martin

    January 6, 2024 at 10:52 am #1429387
    Rikard

    Hey Martin,

    I’m not sure if I can see the problem on my end, could you post a screenshot or screencast highlighting it please?

    Best regards,
    Rikard

    January 8, 2024 at 10:09 am #1429525
    Martin

    eally? I tried it in three browsers and on mobile, same thing everywhere. Please go to the mobile menu page and then click on the menu. The full overlay comes and it doesn’t show up. Instead, a jagged surface.

    Pic

    Pic

    • This reply was modified 10 months, 2 weeks ago by Martin.
    January 8, 2024 at 11:55 am #1429540
    Ismael

    Hi,

    Thank you for the update.

    The menu items are not displaying because their opacity is set to 0. Did you add this modification somewhere?

    #top #wrap_all #av-burger-menu-ul > li {
    opacity: 0;
    position: relative;
    top: 18px;
    transition: opacity 0.3s ease-out,top 0.3s ease-out,left 0.3s ease-out;
    transform: translate3d(0,0,0);
}

    You may need to remove the code or override it with the following css.

    #top #wrap_all #av-burger-menu-ul > li {
    opacity: 1;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

    Best regards,
    Ismael

    January 10, 2024 at 10:18 am #1429693
    Martin

    Hello Ismael,

    Actually I haven’t changed anything, at least I don’t know anything about it. Your code works, thank you very much. But the jagged line can still be seen. To do this, I use the following code so that the spikes extend into the top of the slide show:

    .avia-section.outwards-top-divider .avia-divider-svg-top {
    transform: scaleY(-1);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    z-index: 100; /*** if you set it in the album – you don’t need this rule here ***/
    }

    Maybe there is a better option? I would like to have the SVG Dividers as a transition from the slide show to the normal content.

    Best regards,
    Martin

    January 10, 2024 at 11:30 am #1429704
    Ismael

    Hi,

    But the jagged line can still be seen.

    You can add this css code to move the burger overlay above the section with the jagged edges.

    .av-section-bottom-logo.header_color {
    z-index: 500;
    position: relative;
}

    Best regards,
    Ismael

    January 10, 2024 at 11:41 am #1429706
    Martin

    Perfect, thank you!

    January 10, 2024 at 12:30 pm #1429713
    Mike

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Header setting error’ is closed to new replies.