Problems with menu and horizontal scrolling

7 Posts

denis229 posted this 21 July 2022

Hi,

we are in trouble with the position of menu when is resized, it doesen't stay in the correct position (evenmore when it goes to hamburger menu), this fact creates another problem becouse in some way it enable a sort of horizontal scrolling of the page that compromises the UX.

Please let me know how to fix it.

Best regards

Hi, we are in trouble with the position of menu when is resized, it doesen't stay in the correct position (evenmore when it goes to hamburger menu), this fact creates another problem becouse in some way it enable a sort of horizontal scrolling of the page that compromises the UX. Please let me know how to fix it. Best regards

menu-issue horizontal-scrolling

msg74954725-145283.jpg

86415d36-7016-4107-b55a-c66b417d97d3.jpg

Vote to pay developers attention to this features or issue.

3 Replies

Order By: Standard | Newest

Support Team posted this 21 July 2022

Hi,

Nicepage supports mobile screens with a width of 360px and up. It is 360px screen? It looks too narrow like a 320px screen.
If the screen width is 360px and up please back up the project and apply "Reset Responsive" to the Header element. Then locate the menu in the desired position again. We also recommend that you consider the use of the Grid element to build the Header layout. Does the issue continue?

...................................................
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, Nicepage supports mobile screens with a width of 360px and up. It is 360px screen? It looks too narrow like a 320px screen. If the screen width is 360px and up please back up the project and apply "Reset Responsive" to the Header element. Then locate the menu in the desired position again. We also recommend that you consider the use of the Grid element to build the Header layout. Does the issue continue? ................................................... 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

7 Posts

denis229 posted this 22 July 2022

Hi,

we've tried to fix it with your solution. The mobile screen width was 340px, now in 360px as you see in image attached but it still doesn't work . Any solution?

Thanks.

Hi, we've tried to fix it with your solution. The mobile screen width was 340px, now in 360px as you see in image attached but it still doesn't work . Any solution? Thanks.

Schermata-2022-07-22-alle-17.19.08.png

Support Team posted this 25 July 2022

Hi,

Content width is the width of this area:

What is the real viewport size of your mobile phone?
The Phone mode is applied to mobile screens with a width 756px and less. So, if your device viewport width is 320px, you should set smaller content width (320px and less) and align the Menu icon to the content area:

...................................................
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, Content width is the width of this area: !content-width-2.png! What is the real viewport size of your mobile phone? The Phone mode is applied to mobile screens with a width 756px and less. So, if your device viewport width is 320px, you should set smaller content width (320px and less) and align the Menu icon to the content area: !align-menu.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

content-width-2.png

align-menu.png

Problems with menu and horizontal scrolling

Company

Product

Themes & Templates

Nicepage

Web Design