KexAri KexAri -4 years ago 130
CSS Question

Increasing the global width of a Jekyll theme

is there a way to increase the global width of a Jekyll theme? I am currently experiencing a problem when viewed on an iPhone 6 that will misalign the privacy icon in Disqus when viewed like so:

enter image description here

I guess this is because the width of the theme needs to be a little wider. Is there a way to fix this? My theme code is at: (website Any advice on how to fix this would be greatly appreciated! thanks!

Answer Source

The theme uses the class .content-container to manage to padding around the entire page.

The initial value for screens smaller than 38rem (as there's a media query for larger screens) is padding: 2rem 1rem; Reducing the horizontal padding in this style should give you more space and prevent the image being pushed to a new line.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download