When deployed onto gh-pages the the screens for mobile are not responsive

[achuthrajula]

Running it locally is absoulutely fine but when deployed onto gh-pages, the site isn't responsive on mobile screens as expected

Expected Output:

Actual Output:

[quasaray]

A bit late, but for anyone else with the same problem I found a solution.

In the layout.js file, there is conditional logic based on the URL location

if (location && location.pathname === '/') { content = ( <div> {children} </div> ) } else { content = ( <div id="wrapper" className="page"> <div> {children} </div> </div> ) }

This messes up the style if the deployed site is not the root. I fixed it by using the site repository on gh-pages