KexAri KexAri - 22 days ago 4
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: https://github.com/kekearif/kekearif.github.io (website kekearif.github.io). Any advice on how to fix this would be greatly appreciated! thanks!

DBS DBS
Answer

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.

Comments