Ixion theme – White-space text on mobile

nizamilputra · Member · Feb 28, 2017 at 3:35 am
Copy link

Add topic to favorites
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
nizamilputra · Member · Feb 28, 2017 at 3:37 am
Copy link
Anyway, this is the post on my screenshot https://hafiz.blog/2017/02/28/samsung-s7-edge-lens-cover-wide-angle-lens-samples/
staff-loquaciousloon · Staff · Feb 28, 2017 at 4:13 pm
Copy link
Nice catch @nizamilputra!

I’ve just opened a bug report. Thanks! :)
nizamilputra · Member · Mar 1, 2017 at 1:37 am
Copy link
Thank you staff-loquaciousloon!
staff-loquaciousloon · Staff · Mar 1, 2017 at 3:35 pm
Copy link
Any time!
laurelfulford · Staff · Mar 2, 2017 at 4:54 pm
Copy link
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!
nizamilputra · Member · Mar 3, 2017 at 3:18 am
Copy link
That’s great @laurelfulford! I’m happy to be involved to this community.

No items found.