IT ENGLISH BOARD

How to check the correct functioning of a responsive Website using the local Preview

Website
Author
author
Date
2020-07-16 21:30
Views
1471
Modified on: Wed, 27 Nov, 2019 at 4:40 PM




Compatibility:

WebSite X5 Evo and Pro





To check that a responsive website works properly before you publish it online, just have a look at it in the offline preview because this gives you all the tools you need to simulate page behavior in the various resolutions.
  • In Step 4 - Pages, after you have created the page and given it the necessary settings to make it responsive, click on the Preview button to display a preview of it in the Built-in browser.
  • The built-in browser displays a resolutions bar that shows all the breakpoints that have been set for the project. Click on one of the breakpoints in the bar f-WDK-iAvYt3c2fdch_bxnw4K9k6DZ8Njw.png?1550580296 KBdTEvvPKwH07tdP0wUWvQfdfqDQe4Q5CA.png?1550580308 rAZLHQXRulyDpUKzeqRDRPy-gYeyVHFVbw.png?1550580316 vluK3x4x-QnGCwggn5JqBIHe44nyiLd2gQ.png?1550580327to automatically resize the browser window to the corresponding resolution so you can check the page's layout. Alternatively, you can manually change the size of the browser's window to adjust the width and then check the page content layout.
    hf2yRW5P9NHdVNhSQkGm6249P_17CQqJxA.jpg?1566285605
  • If the page doesn't look right in the preview, click on the C_zRhTfzm48DkY_s-yntHUEJkA6NZg8tHg.png?1550562214 Show numbering button: the page contents are outlined, corresponding to the objects that have been added, and each one has its display order number shown. This makes it easier for you to work out where you need to intervene to obtain the desired result.
    98XEgHxPJuRbDxxet3q0mXCVmVFHRUr7UQ.jpg?1566285634
We suggest you check the preview of every page in each breakpoint to be sure that the website will work correctly when it is published online and on different devices.
Total Reply 0

Total 104
Number Title Author Date Votes Views
103
Join a Microsoft Teams meeting
author | 2020.09.22 | Votes 0 | Views 3018
author 2020.09.22 0 3018
102
How to delete songs and albums from your Google Play Music library
author | 2020.09.19 | Votes 0 | Views 3183
author 2020.09.19 0 3183
101
Watch Prime Video on Chromecast
author | 2020.09.14 | Votes 0 | Views 3173
author 2020.09.14 0 3173
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 3954
author 2020.09.09 0 3954
99
IONOS Joomla! Standard Installation
author | 2020.09.02 | Votes 0 | Views 1950
author 2020.09.02 0 1950
98
How to improve the life of a Battery: (1)
author | 2020.08.25 | Votes 0 | Views 1985
author 2020.08.25 0 1985
97
Laptop battery not charging
author | 2020.08.21 | Votes 0 | Views 2297
author 2020.08.21 0 2297
96
Plugged in, not charging (1)
author | 2020.08.21 | Votes 0 | Views 2105
author 2020.08.21 0 2105
95
How to add reCaptcha plugin to a custom form on my WordPress website?
author | 2020.08.13 | Votes 0 | Views 2270
author 2020.08.13 0 2270
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 1957
author 2020.08.13 0 1957
New