Support Team
posted this
24 June 2024
Hello,
Nicepage provides various algorithms to adapt the created layout for smaller screens. But it is impossible to automate everything. Therefore, you need to follow certain rules that will facilitate page building:
-use the layout controls like Group, Grid, List. This is important when you need to move a few controls together. Also, it is better to use control alignment options available on the right-side panel;
-use the "Reset Responsive" option. Each responsive mode can have its settings for individual controls. This option removes all adjustments, and you can start all over again. Sometimes this is the best solution. Then you adjust the responsive layout from Desktop to Phone mode.
-keep in mind that not all control settings can be changed in each responsive mode separately. Only some style changes can be made. And only if these changes do not affect the page's HTML structure. For example, you can change the position of the element and move it a few pixels left or right, change font size, etc. But you cannot change the order of elements or move the control outside the Grid/Group.
-keep in mind that there is an inheritance of the responsive settings. It goes from Desktop to Phone mode and stops when you make changes in any responsive mode. You can back to this inheritance with the "Reset Responsive" option.
https://nicepage.com/doc/5249/responsive-web-design
https://nicepage.com/doc/1125/responsive-modes
https://nicepage.com/doc/36215/build-responsive-websites
Please use Reset Responsive for the issues blocks starting from Tablet mode and check the modes from left to right. Add Grids or Group elements to align elements correctly as per basic responsive rules.
Let us know your results.
...................................................
Sincerely,
Anna.
Nicepage Support Team
Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp
Hello,
Nicepage provides various algorithms to adapt the created layout for smaller screens. But it is impossible to automate everything. Therefore, you need to follow certain rules that will facilitate page building:
-use the layout controls like Group, Grid, List. This is important when you need to move a few controls together. Also, it is better to use control alignment options available on the right-side panel;
-use the "Reset Responsive" option. Each responsive mode can have its settings for individual controls. This option removes all adjustments, and you can start all over again. Sometimes this is the best solution. Then you adjust the responsive layout from Desktop to Phone mode.
-keep in mind that not all control settings can be changed in each responsive mode separately. Only some style changes can be made. And only if these changes do not affect the page's HTML structure. For example, you can change the position of the element and move it a few pixels left or right, change font size, etc. But you cannot change the order of elements or move the control outside the Grid/Group.
-keep in mind that there is an inheritance of the responsive settings. It goes from Desktop to Phone mode and stops when you make changes in any responsive mode. You can back to this inheritance with the "Reset Responsive" option.
https://nicepage.com/doc/5249/responsive-web-design
https://nicepage.com/doc/1125/responsive-modes
https://nicepage.com/doc/36215/build-responsive-websites
Please use Reset Responsive for the issues blocks starting from Tablet mode and check the modes from left to right. Add Grids or Group elements to align elements correctly as per basic responsive rules.
Let us know your results.
...................................................
Sincerely,
Anna.
Nicepage Support Team
Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp
