Narrower browser width problem with content
Autor: Magnus H.
Visitado 1884,
Followers 1,
Compartido 0
After pressing preview button and then reducing the browser width - trying different widths - the content adapts as it should...but!...at smaller widths and at the bottom of the browser the scroller bar appears and it seems there is more content to the right. When i scroll to the right all the content moves to the left and then just white background.
Perhaps there is a solution to my problem!
All the best
Magnus
Publicado en
Magnus, you almost certainly have an object placed that is outside of the header (or footer) area.
Go to step 2 Template, Template Content and select mobile resolution. It will be difficult to see (a faint dotted line) until you click on it, then the handles will appear. At this point you can drag it into the header, resize it or hide it from that view.
Autor
Hi Esahc!
I have looked for objects outside the borders of the different resolutions, but found none. I have breakpoints at 960, 720, 480 and 320 px. Just before breakpoint 960 (from wider to smaller) and 720 the scrollbar appears at the bottom and the content can move to the left (not much) and revealing (my) white background. After breakpoint 480 the phenomena repeats but at a larger scale. See attached image!
Sincerely
Magnus
Magnus, it still sounds like the issue as outlined above, and it sounds like the object extends beyond the header (or footer) even at desktop resolution. Have you perhaps placed an image (background) in the header which is wider than the available space, or perhaps there is some html code (google??)
If the site is online you could provide a link?
Autor
Hi Esahc!
I have started from scratch with my webproject and hopefully this issue won't repeat it self!
Anyway, thanks for your help! It's good to know there are people out there who wants to help!
Magnus