padding

Hello Jojo,

Thanks for contacting us!

There are ways to tackle these margin issues on mobile devices using Nicepage and CSS.

Nicepage utilizes a grid system for layout. This allows you to define margins and paddings for different screen sizes.

NicePage allows you to design and preview your website in different screen sizes.
Make sure to adjust the layout for mobile views and set the appropriate padding and margins.

NicePage allows you to add custom CSS.
Navigate to the "Page Settings" or "Site Settings" and add the CSS code there to ensure consistent margins and responsive design.

Here's an example media query for mobile margins:

@media only screen and (max-width: 768px) {
.your-content-class {
margin-left: 20px;
margin-right: 20px;
}
}

While setting a fixed margin like 20px might work for some mobiles, it might not be ideal for all.
However, you can try and see the result.

If you have any more questions, feel free to ask.

...................................................
Sincerely,
George.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp