Mobile help please

[LeonardoCSS]

Hey everyone, I’m currently working on a blog website and everythings fine except for mobile on one page. That page: http://marieevelariviere.com/?page_id=14 is messed up on mobile, I’m testing with safari on iPhone 4S (320×480).

I’ve put the background-color to red on the elements that need to be in line (2 posts per row). Looks like there’s a problem with the width of columns or something like that, I’ve been looking and trying for 5 hours and still found nothing. If you could help me find a solution, that’d made my day. Tell me if you need more info.

[Paulie_D]

Not seeing anything red if FF or Chrome

Page doesn’t seem very responsive though.

Also you might want to remove the “maximum-scale” property from the viewport meta

[LeonardoCSS]

Hi Paulie, you probably don’t see the website using a phone but an emulator.

Using Chrome or Safari on iOS, you can see them:

https://www.dropbox.com/s/mbqg1cgozd04d4x/2014-08-06%2012.28.59.png

here’s my css for now,

#masonicumnacb9 ul .span3{
background-color:red;
width:115px;
height:115px;
display:inline-block;
position:relative;
transform:none;
}
page is not responsive for now, I’m still trying to find the problem with the grid.

[Author]

Posts