pages-themes / midnight

Midnight is a Jekyll theme for GitHub Pages
https://pages-themes.github.io/midnight/
Creative Commons Zero v1.0 Universal
305 stars 566 forks source link

Responsiveness of webpage #21

Closed Anirban166 closed 4 years ago

Anirban166 commented 4 years ago

Usually I code most of my Jekyll-themed (midnight) website via my laptop and view it from there itself - so I can fit elements the way I want them to look (with expected outcomes), but some elements get cramped up when viewed on smaller screens such as mobile phones. To be specific:

(1) Tables: For smaller tables it works fine, but for even slightly lengthier rows (having more columns) the page extends till the table size only for the table part and the other elements aren't affected or they do not extend as well. Now thats something which is not wanted as when you view the webpage from the perspective of the whole length of the table, the other portions of the website appear very small, and when you view from the perspective (zoom in/zoom out) of the other elements, the table appears incomplete.

(2) Icons: I created them as buttons from pictures (around 200x200 on average, which is an okayish size for wider screens but too big for mobiles) and they appear really big in the mobile screen. Is there a way to resize them? (Due to the big view, the icons occassionally stack on top of each other or go to a new line, instead of appearing alongside one another as intended)

Lastly, is there a way we can enable desktop view on mobile? (like many websites do) Or maybe force the user to view on desktop mode only?

stale[bot] commented 4 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.