[Resolved] Bring Forward Widget Top Bar

Home Forums Support Bring Forward Widget Top Bar

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1219305
    Matt

    Hi, I’ve added a widget top bar but can’t get it to sit in front of the other content.

    I’m using the GP Premium Header with an Elementor section below containing a BG Image and negative margin. The header uses transparency and sits on top of the image. I’ve now added a widget top bar but it’s obscured by the BG image.

    How can I bring the top bar forward?

    I’ve tried giving the elementor section a z-index of 0 and the #top-bar a greater z but it didn’t make any difference.
    I’ve left half of the top-bar above the section to help with inspecting element etc.

    #1219476
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    .top-bar {
        position: relative;
        z-index: 1;
    }
    #1220518
    Matt

    It’s easy when you know how πŸ™‚
    Thanks – that did the job.

    #1220588
    David
    Staff
    Customer Support

    You’re welcome πŸ™‚

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