Responsive bootstrap template does not display correctly on GH Page, but OK locally

Website does not display correctly on GitHub Pages,

But original forked theme at shows up just fine when downloaded and opened locally. I assume something is changing with the sizing that is throwing off the responsiveness.

I suspect I know what is going on …

Your site is served through an HTTPS connection, but your assets are linked via HTTP URLs:

<!-- Bootstrap -->
	<link href="" rel="stylesheet">
	<!-- Icons -->
	<link href="" rel="stylesheet">
	<!-- Fonts -->
	<link rel="stylesheet" href="|Open+Sans:400,300,700">

This results in most modern browsers refusing to load those assets:

And because most of your page layout is dependent on the Bootstrap and Google Fonts being loaded, your layout gets rendered all wonky :grinning:

All you should have to do is change those URLs I pointed out to HTTPS and things should look much better.

I hope that helps!

1 Like