[Resolved] sticky menu background

[Jusung]

Hello.

as you can see on the front page,

I have made the stick menu.

On the content section, I have made borders.
When sticky menu passed by the border, the stick menu becomes transparent.

Can you help to fix this?

[Fernando]

Hi Jusung,

Try changing the z-index value in your custom code here:

.gb-grid-wrapper.gb-grid-wrapper-05a1ec58 > .gb-grid-column:not(:last-of-type):after{
    content: "";
    height: 85%;
    width: 1px;
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #E0E3DA;
    z-index: 100;
    transform:translateY(-50%);
}

and here:

.gb-grid-wrapper.gb-grid-wrapper-05a1ec58:after {
    content: "";
    height: 1px;
    width: 97.7%;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #E0E3DA;
    z-index: 100;
}

to 2 instead of 100.

[Jusung]

Thank you!

[Fernando]

You’re welcome, Jusung!

[Author]

Posts