WebSite X5Help Center

 
DENNIS S.
DENNIS S.
User

RESPONSIVE DESIGN TROUBLES  en

Author: DENNIS S.
Visited 761, Followers 1, Shared 0  

I've read the articles but I'm having a hard time with smaller viewports than the desktop.

No problem with desktop but when work down to smartphone everything gets screwed up.

I lose my images, I lose my menu for the desktop and more.

Does anyone have a step by step guideline on how to work down throught the viewports without screwing up the desktop. Yes, I save constantly after every change.

I used the copy and paste for the section and structure but after that I'm a mess.

Please advise.

Dennis

Posted on the
4 ANSWERS - 1 USEFUL
Myron A.
Myron A.
User

For the Header and Footer, you need to set up and position all of your elements (the menu, images, text, etc.) separately within EACH viewport.

You cannot just set up the desktop view and automatically expect all the Header and Footer elements to automatically locate themselves properly.

Read more
Posted on the from Myron A.
DENNIS S.
DENNIS S.
User
Author

Yes, I know this. I work on each viewport separately, but somehow it gets screwed up. For example, for the header image, I used different sizes to fit the width of each viewport. I also tried the position and size adjustment for each view. But when I do this, it also reduces the size of or deletes the desktop header. I'm obviously doing something wrong, hence my question here.

Read more
Posted on the from DENNIS S.
Esahc ..
Esahc ..
Moderator
Best User of the month EN

Dennis, if you delete an object in any resolution it is deleted in all resolutions (there is a warning message), this also applies to font sizes. However, if you resize or reposition an object this affects ony the current resolution. Keep in mind the title object will allow you to scale content by simply resizing the object.

If you can not use an existing object at or below a specific resolution you can hide it for "this and lesser resolutions"

If you now add an object (eg an alternative menu object) it will only display at that and lesser resolutions.

Perhaps a screen shot of template content at desktop and another at the lesser resolution with a problem might help us help you?

Read more
Posted on the from Esahc ..
DENNIS S.
DENNIS S.
User
Author

Thank you so much. You have solved my problem. I really appreciate your support.

Read more
Posted on the from DENNIS S.