Click on Safari in the browser menu, located at the top of the screen. When the drop-down menu appears, select the Preferences option.

Now, click on the "Advanced" icon, represented by a gear and located in the upper right hand corner of the window.

The browser's "Advanced" Preferences will open and at the bottom is an option accompanied by a check box, labeled Show Develop menu in menu bar .

Develop should now be an available option in your Safari menu, located at the top of the screen. Click Develop. When the drop-down menu appears, select "Enter Responsive Design Mode."

There you go...

The page opened in the current tab will now be displayed in rsponsive design mode. You will see a menu across the top which is self explanatory. You can switch between device displays.

Of course I am not going to leave out the Firefox users, let's go!



Join the Discussion
Write something…
Recent messages
AndreaS3 Premium
Thanks for this Steve, really good to know for newbies like me :-)!
Reply
SteveOlan Premium
The pleasure is all mine.
Reply
Ivine Premium Plus
Hi Steve, I value this information. Irv.
Reply
SteveOlan Premium
Thanks for reading, Irv!
Reply
MKearns Premium
Thank you Steve for this good information.. Another great assessment tool!
Reply
SteveOlan Premium
Hope it helps. Thanks for reading!
Reply
Jim-Bo Premium
cool stuff Steve, thanks!
Reply
SteveOlan Premium
Thanks for stopping by Jim-Bo!
Reply
Oscar999 Premium
Thanks for the info.
Reply
SteveOlan Premium
My Pleasure!
Reply
Top