Anyone? I know it has to do with the additional CSS I added to change the width of the content area, but I’ve been playing around with the numbers and it doesn’t change anything in regard to the grid layout unless I eliminate that whole block of CSS.
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hi there, I’m seeing two columns at screen/window widths of 600px and wider. Are you not seeing that, or did you get this resolved?
I’m still only seeing one. It must be my screen width then, and not the site itself? I have the window open fully and only see one column – I’m on a Macbook – 1280×800.
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Ah, looking at your custom CSS, the following is what is causing the issue.
.site {
max-width: 1000px;
margin: 0 auto
}
What we can do is to change the left and right margins on .content-wrapper if you wish to keep that maximum width using a Media Query so that it only affects the layout at 600px and wider.
@media screen and (min-width: 600px) {
.page-template-grid-page .content-wrapper.full-width.without-featured-image {
margin-left: 8%;
margin-right: 8%;
}
}
Sorry I didn’t notice that before. Not sure why my browser was showing two columns when I looked the first time.
That did it! Thank you so much!
sacredpath
(@sacredpath)
Automattic Happiness Engineer
Hooray and you are welcome!
