Reputation: 1
I have a website in which I want to have a fixed menu ... But the problem is that fixed menu is working properly on home page but it is not overlapping with contents on other pages...
I tried by adding margin-top: 72px in the content CSS but nothing works for me.. Can anyone please help me with this... please
Home Page: http://trueconf.in
Any other pages like : http://trueconf.in/download
Upvotes: 0
Views: 4917
Reputation: 2193
When backend logged in
if ( is_admin_bar_showing() ) {
echo '<style>.home-header{top: 32px;}</style>';
}
Upvotes: 0
Reputation: 2019
This issue appears to be in all the pages of your website. Looks like some of the element's property is overriding your header's z-index. Increasing your z-index value for the header should fix it.
Increase your z-index value from 5 to 10000 in the css property.default-sec
class in your main.css file.
main.css
.default-sec{
z-index : 10000;
}
Upvotes: 0
Reputation:
#header {
position: relative;
z-index: 1000000;
}
Something else on the page has a high z-index value and is messing your display. When you add that z-index value to your header it works on the download page.
Upvotes: 1