Home › Discussions › Campaign Portal Building › Custom CSS Discussions › Horizontal nav bar - Custom CSS Discussions Discussions on Obsidian Portal Community Forums
Horizontal nav bar
I am a huge fan of horizontal nav bars. I have partially achieved what I want. Here is my custom css class.
.navbar ul {
display: flex;
padding: 0px;
margin-bottom: 100px;
z-index: 10;
position: relative;
}
The issue I am running in to is the actual page is in the way. I have mildly got around it with the z-index, but it still isn't quite what I want. Here is the link to my page so you can see what I am working with. I want to move the nav bar is above the rest of the page. Any ideas would be great!
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
Hi friend! Let me review this with my support team and see what we come up with! @Dragonprofessor
Obsidian Portal Support Druid | [email protected]
Hey @DragonProfessor! Try adding this to your Custom CSS:
.collapsable-nav-row .main-content-container {
margin-top: 60px;
margin-left: -170px;
width: 74%;
}
That will shift the content of the page down to leave room for the horizontal nav bar at the top.
And shift the content left to where the vertical nav bar used to be.
And expand the content to take up the extra space as well.
Obsidian Portal Dungeon Manager || [email protected]
That looks way better! The only thing left in the way would be the side bar that shows the players and who made the campaign. What can I add to do the same thing there?
Thank you!!
Sweet! Glad to hear it :).
@DragonProfessorAdd this to the Custom CSS as well:
.campaign-public-layout #sidebar {
margin-top: 60px;
}
That will shift the sidebar down to the same level as the content.
Obsidian Portal Dungeon Manager || [email protected]
"I met a traveller from an antique land....."
CotM May 2016: Mysteria: set in Wolfgang Baur’s MIDGARD.
Previous CotM Aug 2012: Shimring: High Level Multiplanar Campaign
Inner Council Member