RESPONSIVE DESIGN TROUBLES 
Author: DENNIS S.
Visited 1321,
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
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.
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.
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?
Author
Thank you so much. You have solved my problem. I really appreciate your support.