Blog title overlaps with social icons on cellphone

[BoPeng]

Viewing this page on a cell phone and you will see

The problem here is that the social icon should start their own line with smaller screen, similar to the sos homepage looks ok

Implementation wise the difference is that sos homepage uses a responsive bootstrap design and the blog uses the traditional design.

Changing the blog layout is however a bit involved because the site is generated from templates using HUGO and the header and nav system is hidden under the layout folder of the HUGO theme.

[gaow]

Hmm, donw.io doe snot have that issue on cell phone though still using the traditional design. Since you might prefer that theme anyways, is it difficult to change their color / font etc without having to mess up with bootstrap, if that's easier than to wrestle with the layout of KISS?

[BoPeng]

It was difficult to change the colors because that theme was designed with a dark background, with text, shade etc all matching the background. I could change colors one by one but then I would need to "invent" aesthetically matching colors, which would be really challenging for me. This is why I preferred the bootstrap theme with bootswatch themes. Unfortunately that theme was too complicated to my taste.

My point is that the Kiss theme is complete and good enough for now. The whole HUGO business is something of moderate difficulty for the boys to explore and we can easily switch theme if they get another theme ready.

[BoPeng]

Note that the entire theme choice for the bootstrap theme lies in the theme parameter so it is possible to use JS to load appropriate css file according to user selection (example). It would be an very interesting experiment.

[BoPeng]

Of course the idea has been explored and implemented, even specifically for bootswatch.