Test your Discourse skin in mobile view

mobile

(Dmitry Fedyuk) #1

Discourse default skin is responsive: it is useful on a small screen and different devices.
But usually you want to customize forum look, at least the header and logo.
During such customization, you need to check your forum in different screen resolution to keep responsiveness.
All modern browsers haму built-in tools to test a site on responsiveness.

Firefox

Firefox has built-in tool «Responsive Design View».
It can be reached by top menu «Tools» → «Web Developer» → «Responsive Design View»:

Google Chrome

Google Chrome has built-n tool «Device Mode & Mobile Emulation».
It can be reached by Developer Console (F12 key).


(Dmitry Fedyuk) #2

Additionally, you should set the mobileView Local Storage parameter to true.
You can do to it via URL or directly in the Google Developer Tools:

To exit from the mobile mode, you can set the mobileView Local Storage parameter to false: