Support Team
posted this
23 July 2024
Hello,
Your buttons and images should be placed inside of grids and adjusted for each responsive mode.
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
...................................................
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,
Your buttons and images should be placed inside of grids and adjusted for each responsive mode.
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
...................................................
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
