Ixion theme – White-space text on mobile
-
Hi guys,
I found the link on author box (view all posts by author) is overlaping the container on mobile view, especially on mobile with 320px width (I checked on iPhone 5). https://cloudup.com/cwhVXZS1KAg
My solution is add white-space: pre-line for .author-link, thus the overlap text will be on the next line.
@media screen and (max-width: 767px){ .author-link{ white-space: pre-line; } }One more thing, I think we need to reduce the padding of .entry-author, from 1.6em to 1em on mobile view. It’s too wide on mobile though, and there is too much white space on it, because Ixion also has wide enough padding on .content.
Thank you,
Rizqi -
Anyway, this is the post on my screenshot https://hafiz.blog/2017/02/28/samsung-s7-edge-lens-cover-wide-angle-lens-samples/
-
-
-
-
Thanks for this report, @nizamilputra!
Ixion has been updated so the link in the author bio should now wrap on smaller screens.
I also reduced the padding around the author bio a small amount – not quite 1.0em, but enough to free up a little more space.
Thanks again!
-
- The topic ‘Ixion theme – White-space text on mobile’ is closed to new replies.