UselessTriviaMan
Hey there Vanguard Portalions,
My "campaign site":https://ptolus-city-by-the-spire-by-bryan.obsidianportal.com has gotten big enough that I think I need a quick navigation bar. I modified "killervp's excellent nav bar CSS":https://a-god-rebuilt.obsidianportal.com/wikis/nav-bar-code to suit my own campaign site, but I've encountered a snag ("example here":https://ptolus-city-by-the-spire-by-bryan.obsidianportal.com/wikis/magic-of-ptolus).
It looks okay on my desktop, but when viewing from my phone the nav bar is all wonky. Is there any way to get the buttons to adjust to auto-fit to the screen size? Or possibly get the nav bar to center itself horizontally on the page? I'm learning, but don't yet know all the proper code.
Ptolus, City by the Spire - 2016 Campaign of the Year
"Please pay attention very carefully, because this is the truest thing a stranger will ever say to you: In the face of such hopelessness as our eventual, unavoidable death, there is little sense in not at least TRYING to accomplish all your wildest dreams in life." - - Kevin Smith
Comments
@text-align: center; max-width: 100%;@
Should make the navbar take up no more than the width of its parent (the content area), and always center the buttons. If the screen is too small to fit the whole navbar on one line, it will split the buttons between two (or more) lines (because its just a normal div).
EDIT: Looks like you might not even need the max-width property, but it doesn't hurt.
Thanks, Basileus!
(It still doesn't completely work on my mobile device, but all buttons are at least visible and selectable. I'll take it.)
Ptolus, City by the Spire - 2016 Campaign of the Year
"Please pay attention very carefully, because this is the truest thing a stranger will ever say to you: In the face of such hopelessness as our eventual, unavoidable death, there is little sense in not at least TRYING to accomplish all your wildest dreams in life." - - Kevin Smith
When you update the test page, let me know and I'll take a look and see if I can't figure out whats not working. (maybe post a screenshot of what you see, if you have the time)
Here's what I see:
!http://img.photobucket.com/albums/v310/UselessTriviaMan/Screenshot_zps8eqh7guc.png!
Ptolus, City by the Spire - 2016 Campaign of the Year
"Please pay attention very carefully, because this is the truest thing a stranger will ever say to you: In the face of such hopelessness as our eventual, unavoidable death, there is little sense in not at least TRYING to accomplish all your wildest dreams in life." - - Kevin Smith
@display: block;@
A div should be a block element by default anyway, but it looks like its ignoring the max-width property (make sure that's in there as well), which might happen in Chrome if its not a block element.
Ptolus, City by the Spire - 2016 Campaign of the Year
"Please pay attention very carefully, because this is the truest thing a stranger will ever say to you: In the face of such hopelessness as our eventual, unavoidable death, there is little sense in not at least TRYING to accomplish all your wildest dreams in life." - - Kevin Smith
Just trying to help out.
I wouldn't be concerned about it either, but almost all of my players can access our OP campaign site on their phones while at the gaming table. I want it to be at least functional for them on the smaller screen.
Ptolus, City by the Spire - 2016 Campaign of the Year
"Please pay attention very carefully, because this is the truest thing a stranger will ever say to you: In the face of such hopelessness as our eventual, unavoidable death, there is little sense in not at least TRYING to accomplish all your wildest dreams in life." - - Kevin Smith
I'm fairly certain my navbar looks like crap on my iphone
Keelah Se'lai,
Keryth
"Shadows Over New York":http://www.obsidianportal.com/campaigns/shadows-over-new-york
"2013 Campaign of The Year":http://blog.obsidianportal.com/2013-coty-shadows-over-new-york/
"Campaign of the Month July 2013":http://blog.obsidianportal.com/shadows-over-new-york-julys-campaign-of-the-month/
Can anybody remember how to bring back the ITEMS WIKI into the left navigation bar. After the reforge, it went to HIDDEN as default and I remember there was a quick fix to introduce it back into a campaign, but I cannot for the life of me find it. PLEASE HELP IF YOU REMEMBER. I can't find the link that mentioned how to do it.
twigs
"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
Ptolus, City by the Spire - 2016 Campaign of the Year
"Please pay attention very carefully, because this is the truest thing a stranger will ever say to you: In the face of such hopelessness as our eventual, unavoidable death, there is little sense in not at least TRYING to accomplish all your wildest dreams in life." - - Kevin Smith
I have just found it.
For anybody else that wants to add the ITEMS category to the Left Navigation Bar, go to Settings>Advanced Settings and there IS a check box to tick (Show Items Setting)
twigs
"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
Ptolus, City by the Spire - 2016 Campaign of the Year
"Please pay attention very carefully, because this is the truest thing a stranger will ever say to you: In the face of such hopelessness as our eventual, unavoidable death, there is little sense in not at least TRYING to accomplish all your wildest dreams in life." - - Kevin Smith
twigs
"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
twigs
"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
Just trying to help out.
As Always,
_~Mae_
~Mae
CotM Selection Committee