While viewing the page on mobile ( this instance being the iPhone 14 pro max) I notice that there are white borders on the side of the page while both being in both vertical and horizontal mode:
Would it be possible to remove / change the colour of the borders?
Hi there,
Could you provide a preview link so I can test on device? Thanks.
We could not see any white spaces on portrait, are these the ones you are referring to on landscape?
If so, this is the safe area to avoid putting content under the iPhone’s notch or Dynamic Display. You could change it to another by setting the background color for the and/or elements, like this:
body {
background-color: #000; /* black */
}
This could be done in the Theme Editor, either with your theme settings or under Custom CSS.
this did not work
{% style %}
html, body {
background:black;
}
{% endstyle %}