WebSite X5Help Center

 
Andrea G.
Andrea G.
User

Responsive not properly working on mobile devices  en

Author: Andrea G.
Visited 1015, Followers 1, Shared 0  

I've a problem with my webiste http:/www.nonpostoapposta.it that has been developed with WebSite X5 v. 14 starting from an empty responsibe template.

When I connect from a mobile device the website looks OK at the first glance but when I scroll down I see that I can also scroll right since it seems there is a blank area on the right that is as bigger as my page.

The same happens if I do the preview from WebSite X5.

Is there anyone else who experienced a similar problem ?

Posted on the
9 ANSWERS
Andre E
Andre E
Moderator

yes, here: https://helpcenter.websitex5.com/en/post/181116

There is probably an item/object that is in the smallest viewport outside the footer or header size.

In that case x5 shows the object with the extra space that is outside the header or footer properties.

The size of this difference is what you are off from the width of footer or header.

So check these objects in the smallest viewport and set them inside the area then it should be normal.

Read more
Posted on the from Andre E
Andrea G.
Andrea G.
User
Author

Yes, there were some objects exceeding the size of footer and header but they were hidden objects.

I've anyway resized them in order not to exit from the space available but I still have the problem I had before.

The strange fact is that if use the "developing tools" of Firefox and simulate the differente screen size the default one that is 320x480 works fine. As soon as I change the view (e.g. iPhone7) than the problem appears. Is there something else I can check ?

Read more
Posted on the from Andrea G.
Incomedia
Elisa B.
Incomedia

Hi Andrea, 

please check in the footer in the lowest resolution. The Text and Search Objects you have inserted seem to still exceed the footer space. Can you confirm this?

I have noticed that your website is in Italian, if you want to you can directly write in your mother tongue. 

Thanks! Kind regards.

Read more
Posted on the from Elisa B.
Andrea G.
Andrea G.
User
Author

Ok, grazie. Ho non ci sono elementi che eccedono la dimensione del footer come si vede dagli allegati.

Non riesco proprio a capire quale sia il problema.

Read more
Posted on the from Andrea G.
Andre E
Andre E
Moderator

Watch it in preview in the lowest resolution.

I will google translate:

Guardalo in anteprima nella risoluzione più bassa.

Read more
Posted on the from Andre E
Andrea G.
Andrea G.
User
Author

What you are referring to is an internal scroll bar (by the way I would like to remove it but this is another problem) but anyway I've tried by scaling down the contents and the problem persisted.

I've then remove all the objects from the footer (included hidden ones) but the problem is still there (see attachment)

Read more
Posted on the from Andrea G.
Incomedia
Elisa B.
Incomedia

Buongiorno Andrea, 

controlla per favore anche nell'header, in particolare l'Oggetto Menù. Nelle risoluzioni inferiori sembra andare leggermente fuori dall'header. Prova a controllare bene, se vuoi mandami lo screenshot del tuo Passo 2 - Modello >Struttura del Modello- Header e Footer, in particolare degli ultimi breakpoit, così posso dirti più precisamente cosa modificare. 

Grazie! Buona giornata

Read more
Posted on the from Elisa B.
Andrea G.
Andrea G.
User
Author

Buongiorno Elisa,

grazie per la pazienza. Ti mando l'header in tutte le risoluzioni.

Nelle risoluzioni inferiori ci sono oggetti nascosti ma ho verificato, se attivati, non eccedono le dimensioni disponibili.

Buona giornata !

Read more
Posted on the from Andrea G.
Incomedia
Elisa B.
Incomedia

Buongiorno Andrea,

il tuo sito è configurato bene per il breakpoint inferiore, che nel tuo caso è quello di 480px. Se al di sotto di questo breakpoint viene visualizzato in maniera errata, sarebbe necessario impostare un nuovo breakpoint da 320px e configurare anche quello. Con la versione Professional potresti farlo, dato che è possibile aggiungere fino a 10 breakpoint, ma tieni conto che generalmente 480px è comunque la misura standard per gli smartphone, e che 320px è l'ultima misura standard disponibile.

Rimango a tua disposizione. Buona giornata.

Read more
Posted on the from Elisa B.