Hi, I have an urgent question.

I want the blog to look like image 1 in computer, and for that I am using the masonry blog non fullwidth and no sidebar, with 7% column padding left and right. We like the look of just 3 tiles on each row. But if I do this, the mobile version looks misaligned and with too much margin, see image 4.

I would like the mobile version of the blog to look like in image 3, but to achieve the centered look and minimal margin I have to use the Masonry blog fullwidth, and if I add some padding to the left and right on the computer it goes beyond the screen (see image 2).

I tried using two rows and hide one of them for computer and for mobile respectively, but for some error if a change the mobile row for masonry blog fullwidth and leave the other one "no sidebar" and with padding, this last one becomes fullwidth for some reason and goes out the screen like in image 2.

I tried using the masonry blog with sidebar, on the mobile it looks ok but on the computer even if I remove all widgets the space for the bar remains there and the blog gets pushed to the left.

I appreciate your help.

Here's the link:

http://outro.byethost7.com/wp/

Thank you Tahir :)