Shaik Kamaal
Shaik Kamaal

Reputation: 31

content is overlapping the header in html

I have a html code with bootstrap affix header. Below the header content added. It is working correctly when content is in single container. If I try to add container with column grid, those grids are overlapping the header. Please check the links. Before adding column grid and after adding the column grid. Hope anyone can give tell me how to code to fix this issue.

Upvotes: 0

Views: 263

Answers (2)

Sardar Ajmal Khan
Sardar Ajmal Khan

Reputation: 11

just add an attribute z-index in css

.navbar{
  z-index: 100;
}

Upvotes: 0

LIJIN SAMUEL
LIJIN SAMUEL

Reputation: 883

Giving z-index to the .navbar will solve the issue.

.navbar{
   z-index: 1;
}

Upvotes: 2

Related Questions