Responsive problem

trazdum
3 Posts
trazdum posted this 5 days ago

Hello, I have few problem with the mobile view:
1) in some iPhone (SE and 5) there is a sidebar empty, you can see in the attach img
2) there are some title that I center vertically in a box in the administrator view (normal and mobile view) but that isn't centered in mobile view in frontend view (title.jpg)
Thank you

ps: forgot to say that the website is this http://www.cidesign.it

Hello, I have few problem with the mobile view: 1) in some iPhone (SE and 5) there is a sidebar empty, you can see in the attach img 2) there are some title that I center vertically in a box in the administrator view (normal and mobile view) but that isn't centered in mobile view in frontend view (title.jpg) Thank you ps: forgot to say that the website is this http://www.cidesign.it

Last edited 5 days ago by trazdum

Vote to pay developers attention to this features or issue.
4 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 2 days ago

Hi Francesco,

The viewport size of the iPhone SE and 5 is 320px. Nicepage min Sheet width is 360px. Therefore some display problems are possible. As I can see, the title is centered when the screen size is 360px or higher.
Does the issue happen on any modern phone (iPhone 6+)?

...................................................
Sincerely,
Olivia
Nicepage Support Team

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

Hi Francesco, The viewport size of the iPhone SE and 5 is 320px. Nicepage min Sheet width is 360px. Therefore some display problems are possible. As I can see, the title is centered when the screen size is 360px or higher. Does the issue happen on any modern phone (iPhone 6+)? ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
trazdum
3 Posts
trazdum posted this yesterday

Hi Olivia, thank you for reply. As I can see in the Chrome emulator for iPhone 6+ there are no problem for the lateral problem but still for the vertical alignement of the titles. Thank you

Hi Olivia, thank you for reply. As I can see in the Chrome emulator for iPhone 6+ there are no problem for the lateral problem but still for the vertical alignement of the titles. Thank you
Support Team
Support Team posted this yesterday

Hi Francesco,

Could you please provide a screenshot with an alignment issue from emulator?
This title looks ok on my side:

title-alignment.png

...................................................
Sincerely,
Olivia
Nicepage Support Team

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

Hi Francesco, Could you please provide a screenshot with an alignment issue from emulator? This title looks ok on my side: !title-alignment.png! ................................................... Sincerely, Olivia Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
trazdum
3 Posts
trazdum posted this 22 hours ago

We applied a solution that fixed both problem. The code is this:

body {
overflow: hidden;
}

@media (max-width: 415px){

.u-section-1 .u-text-1 {

font-size: 4rem;
}
.u-sheet,
.u-section-2 .u-text-1,
.u-section-2 .u-text-2,
.u-section-3 .u-text-1,
.u-section-3 .u-text-1,
.u-section-5 .u-text-1,
.u-section-7 .u-text-1,
.u-section-7 .u-text-2,
.u-footer .u-text-1,

.page-id-74 .u-section-4 .u-text-1,
.page-id-74 .u-section-1 .u-text-1{
width: 300px;

}
.u-section-1 .u-image-1 {
width: 280px;
height: 280px;
}
}

Maybe can help you find your solution.
Have a nice day and thank you for support

We applied a solution that fixed both problem. The code is this: body { overflow: hidden; } @media (max-width: 415px){ .u-section-1 .u-text-1 { font-size: 4rem; } .u-sheet, .u-section-2 .u-text-1, .u-section-2 .u-text-2, .u-section-3 .u-text-1, .u-section-3 .u-text-1, .u-section-5 .u-text-1, .u-section-7 .u-text-1, .u-section-7 .u-text-2, .u-footer .u-text-1, .page-id-74 .u-section-4 .u-text-1, .page-id-74 .u-section-1 .u-text-1{ width: 300px; } .u-section-1 .u-image-1 { width: 280px; height: 280px; } } Maybe can help you find your solution. Have a nice day and thank you for support
You must log in or register to leave comments