Overlapping Issue

[gallagherBD]

Hello,

One of my customer’s sites: source1sys.com is having an issue. I got some CSS to make an area overlap on the home page. It overlaps the slider. It is 3 circled icons.

When I scroll down on both desktop and mobile, those areas are overlapping the header and other content.

Can someone take a look and let me know what to adjust?

[friech]

Hi @gallagherBD,

Thank you for writing in, that is happening because the ROW (where the icons are placed) has a higher z-index than the x-navbar-fixed-top. So to resolve that, you need to adjust the z-index of .x-navbar-fixed-top higher than what the ROW has which is z-index: 9999;

More details about z-index CSS property

Have a nice day,

[gallagherBD]

Thanks for the help! Anyone looking to make a quick change for the future, here is the custom CSS I used:

.x-navbar-fixed-top {
z-index: 10000
}

This is based off of the above info from @friech

[marc_a]

@gallagherBD,

It’s our pleasure to help you.

Thank you.