Archived topic

Bring Forward Widget Top Bar

3 replies · Started by Matt on March 30, 2020

Viewing posts 1–4 of 4

March 30, 2020 at 4:20 am #1219305

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.

March 30, 2020 at 7:21 am #1219476

Hi there,

try adding this CSS:

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

March 31, 2020 at 3:12 am #1220518

It's easy when you know how :)
Thanks - that did the job.

March 31, 2020 at 4:42 am #1220588

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.