Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
msollami

Centering content on mobile (in five theme)?

Question

I have a blog with theme Five and split sidebars, and it looks fine on desktop browsers: msollami.com/ideas

However, on mobile the content is not always centered:

On my iPad in portrait mode it is wrong:

alt text

Update:

After trying the code in the solution, it now looks totally wrong in portrait mode:

alt text

out.jpg.07dac068874c045d41dfab160ce908dc.jpg

img-9915.jpg.66ee7cee0d6bb3f473de63450ea2f43f.jpg

Edited by msollami

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

And recall, that you already gave me this in my css:

.collection-type-blog.view-list article img { -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); left: 0 !important; width: 100% !important; height: 100% !important; } .view-list article .excerpt-thumb .intrinsic .excerpt-image { display: block; height: 150px; overflow: unset !important; }

Share this post


Link to post
  • 0

@tuanphan You can see the problem if you resize your desktop browser to be very horizontally skinny, you'll see how the icons are misplaced and warped...

Edited by msollami

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...