[SOLVED] Scrollbar related problem

1

Hello
how to display scrollbar starting below navbar and not behind?
Here are images what I mean - currently it is like this:

now

and I would like it is displayed like this:

ok

Thank you.

2

Anybody have solution, please?

3

Try something like this:

.page-content{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 56px;
  height: calc(100% - 108px);
}

Never done it nor test it. So i don’t know if will break F7 somehow.
Maybe there is a better way to do it.

1 Like
4

Thank you for your answer, I really appreciate it.
It could be OK but I’m using both templates and that means I need somehow to change margin-top and height based on iOS or MD setting.
Thanks again.

5

You can use framwork7.device

https://framework7.io/docs/device.html

So in app initialized you can change your style depending on the device. ios or android.

6

Yes it is OK, thank you.

1 Like