WebSite X5Help Center

 
John R.
John R.
User

Page menu disappears at the lowest resolution  en

Autor: John R.
Visitado 2059, Seguidores 1, Compartilhado 0  

Hello.

How can I stop the page menu from disappearing at 480px please? If you rotate the mobile to landscape it appears. Putting it in portrait mode it disappears. I would like all content to show in portrait mode.

Is this possible to achieve please?

Many thanks.

John

Publicado em
7 RESPOSTAS
Esahc ..
Esahc ..
Moderator

John, I'm pretty sure this works even for v16 users.

Add a new resolution of 320px

You'll have to revisit layout for headers, footers, etc to make sure things fit at that reolution, but the upshot is the lowest resolution 99.5% of users will see is 480px on their mobiles. I have yet to come across a 320px phone.

Your menus designed for 320px-480px will not revert to toaster bars.

Ler mais
Publicado em de Esahc ..
John R.
John R.
User
Autor

Thanks for that but it left the space for it but the page menu was not showing until I rotated my mobile.

Any further help would be appreciated.

Thank you.

Ler mais
Publicado em de John R.
Aleksej H.
Aleksej H.
Moderator

Hello.If your menu has several short names for menu items, they can be seen on small screens.But if the menu is large, then it may not fit on the screen.You can try to enlarge the area of the menu object on small screens.

Also keep in mind that 100 pixels on the screen of a 24-inch monitor and 100 pixels on the screen of a 6-inch mobile device are different 100 pixels. Even if these screens have the same resolution. Perhaps you should read this and see this.

Ler mais
Publicado em de Aleksej H.
Esahc ..
Esahc ..
Moderator

John, as Aleksej said, if you reduce the length of menu items you can fit more on one line (perhaps you could drop the word Albums from all pages? Then you could make each button narrower)

However, there is no requirement to have a single line for each menu, by dragging the object deeper, you can have multiple lines (even back in v16). This also applies to the Sticky Bar

Please see attached (import the project and check every resolution)

Ler mais
Publicado em de Esahc ..