Side Menu not displaying correctly

  • Resolved tiagovieirar

    (@tiagovieirar)


    1 year ago

    Hello,

    I am two problems with my header: The side menu on mobile is glitching with the logo, causing the logo to overlap. I already tried to change the Z index, but no lock. Also, I put the header to “stick on top”, however when I do that, the header leaves a gap at the top viewed when scrolling. Any help would be highly appreciated!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Mazed

    (@amaconline)

    Hi Tia, I have checked your site but can’t figure out what the problem is. Could you kindly share perhaps a screenshot or a video clip.

    Thanks ??

    Thread Starter tiagovieirar

    (@tiagovieirar)

    Yes, I will leave two screnshots:

    https://prnt.sc/C7pd6DqMlU3Q – This is the gap on the header I was talking about when scrolling.

    https://prnt.sc/IMh3NXMUVRHr – This is what happens on mobile view, the logo stays on top of the side menu

    Moderator bcworkz

    (@bcworkz)

    Adding this to the Additional CSS section of the customizer or style book should fix the overlapping logo issue:

    .elementor-element-79c47ea {
    z-index: 100;
}

    As for the gap above the sticky header, I’m not seeing it. I think the gap is where the admin bar would normally appear when you’re logged in. If you were to view your site while not logged in there should be no gap. Or configure your profile to not show the admin bar. I suspect the admin bar is in place for your view, but it’s hidden under site content. You could probably adjust the admin bar’s z-index if you prefer to see it.

    Thread Starter tiagovieirar

    (@tiagovieirar)

    Thank you very much, the issues were resolved! In fact it was the admin bar however I was not able to see it, so I disabled it either way!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Side Menu not displaying correctly’ is closed to new replies.

Tags