[Resolved] Bring Forward Widget Top Bar

[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.

[David]

Hi there,

try adding this CSS:

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

[Matt]

It’s easy when you know how 🙂
Thanks – that did the job.

[David]

You’re welcome 🙂

[Author]

Posts