[FIXED] Why does my site look different when it is previewed in Dreamweaver compared to when it is published?

Issue

When I compare the mobile version of my site in Dreamweaver to the actual site when it is live, they both look incredibly different. The code is the exact same and I'm using the same browser with the same settings. You can see the clear differences between the two here:

In Dreamweaver: https://imgur.com/BzQqUrL

Live: https://imgur.com/A5Uzvr7

Any help would be much appreciated!

Solution

The issue was caused by me not including the following code in the head section:

<meta name="viewport" content="width=device-width, initial-scale=1">

Answered By - Hydrone

Answer Checked By - Clifford M. (PHPFixing Volunteer)