[SOLVED] Scrollbar related problem

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


and I would like it is displayed like this:


Thank you.

Anybody have solution, please?

Try something like this:

  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

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.

You can use framwork7.device


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

Yes it is OK, thank you.

1 Like