Can Mini TOC float to the top in "mobile" view (rather than disappear) ?

[larryk33930191]

I would like to have the Mini TOC float to the top in "mobile" view (rather than disappear) ?

similar to this...

https://learn.getgrav.org/17/basics/installation

I'm using RH 2020.7.46

Any suggestions?

[Amebr]

I don't think there's any way in the interface, although I don't have access to RH2020 right now to check. Assuming you're using frameless, you could have a look by opening the skin, clicking the Mobile icon and checking what options are available under Topic Page > mini-toc. If there're any options, you'd want to try to set the container to display: block.)

If there aren't any options, you might be able to get it to display using javascript, but you'll need a friendly developer to help with that.

[larryk33930191]

Thanks Amebr - 

Editing the Studio "mobile view", selecting "display: block" makes the right panel appear in mobile view.  However, it is off to the right. I'd like to make it fill the width of the mobile screen, at the very top (above the Topic Heading) - similar to how the getgrav site (linked above) looks on mobile.

I've experiemented with other options on this screen, but have not found a way to do this.

Any other ideas?

Thanks!

[Amebr]

The next step would be using the browser developer tools to look at the html and css and figure out what styles and properties you need to adjust to get closer to the look you want. Once you find the styles, and figure out the properties, you add those to a custom css file which you add in the User Assets section of the skin.

It can get complicated pretty fast (it's not hard, just brain-bending and overwhelming at first) so if you're not familiar with it, I'd recommend asking a web developer for help.

[larryk33930191]

FYI: The solution (or workaround) to this problem (at least for me) is discussed further at this topic.