Back navigation button on top bar to get into subfourm from a thread on mobile

[HighVoltage]

Since the navigation part of the top bar doesn't fit on mobile I propose a button that brings you back one level eg: to a the meta subfourm from here or the main page from the meta subfourm.
Here is a high quality mockup done on my phone:

https://files.facepunch.com/forum/upload/219/de1e8dce-c635-4e2b-a867-2ab8da2e731d/20180115_152604.jpg

[Noob©]

I don't really even know how to navigate on mobile. Had to use the X X to get out of threads.

[Galaxy]

I use this custom CSS workaround by someone whose name I forgot. It works decently.
.level-item.is-hidden-touch {
  display:flex!important
}

[NeatNit]

The issue with this is that it pushes the rest of the bar away, and for some reason the {{Meta}} appears in red when you're in the thread list. I think if there's no room, it's best to have just the direct parent rather than the whole thing, which brings us back to the same functionally as @HighVoltage 's idea.

[Danneh]

It was me that made that code. Also, I'm back with new code!
.level-item.is-hidden-touch {
  display:flex!important
}

@media screen and (max-width: 799px) {
.level-left .level-item > *:not(:nth-last-child(3)) {
display:none;
}
}
This should only show the "direct parent" forum on mobile now

[HighVoltage]

It works as intended but can you replace the parent name with this emoji: 🔙
That way longer forum names don't push everything else off the page

[garry]

it's on my todo

[Galaxy]

Don't know what type of phone you're using but with my 5.5" OP5 I have no issues reaching the top and with the 'correct' hand position, it's actually desirable to have it in the left upper corner of the screen for me.

http://i.glxi.me/2018/January/01-16-2018_18-56-29.png

[HighVoltage]

Since notifications will eventually act like a ticker/read thread combo having then accessable where your thumb sits would be best

[meanwhile]

just make its position optional in the preferences page

[Danneh]

.level-item.is-hidden-touch {
  display:flex!important;
  font-size:0;
}
@media screen and (max-width: 799px) {
.level-left .level-item > *:not(:nth-last-child(3)) {
display:none;
}
.level-left .level-item > *:nth-last-child(3):after {
content:"🔙";
font-size:1rem;
}
}
This changes it to a back button, using the emoji

[Danneh]

I accidentally hid the navigation on desktop, so to fix that (and for simplicity) I've moved everything inside the media section

[Scratch]

There is no correct position, only individual comfort factors

[NeatNit]

Using your phone with both hands... What the hell? Who does that?

[garry]

I was going by the fact that Facebook, Twitter, instagram, Reddit all have their main nav at the bottom on mobile

[Scratch]

all of which I don't use them (or twitter's official client)
I remember facebook still using navigation anchored to the top of the window

[NeatNit]

Of those the only one I use is Reddit (web, not app) and it doesn't do that. But I'm not saying it's a bad idea, by all means give it a shot!

[torekk]

Just put it in the pagination bar, top and bottom (like it currently is, just needs the back button on the left side) and problem solved?

[normanlamont]

How did you take that pic?

[Scratch]

How Did You Take That Picture?

[NeatNit]

Now that you've done this, here's some feedback:
I like that the navbar is on the bottom. I don't like:
That it's way too big (in height)
That there's now 2 navbars (one top and one bottom)
That the back button is still MIA (that is what this thread was about)
That the 3 separate notification categories take up 3/4 of the bar

[Danneh]

There's a back button now, although if you do want my emoji edition back, then you can use this
@media screen and (max-width: 799px) {
.level-item .navbar-item{
font-size:0
}

.level-item .mdi{
font-size:1rem
}

.mdi-arrow-left-thick:before{
content:"🔙"
}

.level-item .mdi-home:before{
content:"🏠"
}
}
This also replaces the home button with an emoji house too, but you can change that to the back emoji as well if you wish

[NeatNit]

I really thought it would be in the bottom navbar... :/