IT ENGLISH BOARD

RESPONSIVE DESIGN TROUBLES

Author
author
Date
2020-07-16 21:51
Views
1548

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

Total Reply 2

  • 2020-07-16 21:52

    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.


  • 2020-07-16 21:54

    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?


Total 104
Number Title Author Date Votes Views
103
Join a Microsoft Teams meeting
author | 2020.09.22 | Votes 0 | Views 2819
author 2020.09.22 0 2819
102
How to delete songs and albums from your Google Play Music library
author | 2020.09.19 | Votes 0 | Views 2992
author 2020.09.19 0 2992
101
Watch Prime Video on Chromecast
author | 2020.09.14 | Votes 0 | Views 2976
author 2020.09.14 0 2976
100
How to Fix the Win­dows 10 We Could­n’t Con­nect to the Update Ser­vice Issue (2)
author | 2020.09.09 | Votes 0 | Views 3728
author 2020.09.09 0 3728
99
IONOS Joomla! Standard Installation
author | 2020.09.02 | Votes 0 | Views 1795
author 2020.09.02 0 1795
98
How to improve the life of a Battery: (1)
author | 2020.08.25 | Votes 0 | Views 1823
author 2020.08.25 0 1823
97
Laptop battery not charging
author | 2020.08.21 | Votes 0 | Views 2140
author 2020.08.21 0 2140
96
Plugged in, not charging (1)
author | 2020.08.21 | Votes 0 | Views 1951
author 2020.08.21 0 1951
95
How to add reCaptcha plugin to a custom form on my WordPress website?
author | 2020.08.13 | Votes 0 | Views 2113
author 2020.08.13 0 2113
94
I can't log in to the WordPress admin dashboard after installing and activating Limit Attempts plugin
author | 2020.08.13 | Votes 0 | Views 1802
author 2020.08.13 0 1802
New