EasySocial's main menu navbar needs to be behind my template's main menu (z-index)
By John Coonen on Thursday, 31 October 2013
Posted in General Issues
Replies 5
Likes 0
Views 1.2K
Votes 0
Can you tell me how to shift my EasySocial Navbar back, so it's not in front of my site's Main Menu? I assume this is a z-index change needed? I can't figure out where to make that change. Thank you. See screen shot:

http://awesomescreenshot.com/0f51wcy005
Hello John,

Paste this code at the bottom of your custom template,

.tm-sticky-navbar, .tm-sticky-navbar-tool {

    z-index: 22 !important;

}


It is as expected when I tried that in my browser.

Thanks:)
Khairul
·
Thursday, 31 October 2013 13:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello John,

I tried to access your site and the toolbar does seem to be behind the dropdown menu already as you can see here, http://screencast.com/t/o5tylqMVpV9 . Am I missing anything here?
Mark
·
Thursday, 31 October 2013 11:22
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry I did not explain it well enough Mark.

OK, now try scrolling down on the page. The gold navbar piece ends up laying on TOP of the dark gray Main Menu. It's a z-index thing, I just don't know where to insert the z-index CSS code.

(by the way, I see our font is not showing up properly on your screencapture... I'll have to fix that too... oh, it's always something, isn't it?)
John Coonen
·
Thursday, 31 October 2013 12:24
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you for the EXCELLENT SUPPORT on this, and every question I have had. It's a blessing.
John Coonen
·
Friday, 01 November 2013 01:34
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello John,

You are most welcome. Glad that your issue is solved.

Thanks!
Adelene
·
Friday, 01 November 2013 02:05
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post