MainUI Page margins

Is there a way to reduce the page margin to 0 - I am trying to use the Overview page on IOS and there is a ton of white space around the widgets

You could either add --f7-block-padding-horizontal: 0 to your page-styles or removing the margin / padding from your widgets on that page.

its not the widget - I can see their border and its outside that - where would I add the above?

Into the style of your page under the code-tab.


Thanks for your suggestions. The below doesnt seem to do anything - is the overview page special perhaps?

Can’t test this right now, but it might be, yes. You could try to use the chrome dev tools inspecting the elements of that page and find a css variable which would work for the overview page.