• Resolved goodwitchkitchen

    (@goodwitchkitchen)


    I changed this page to a grid template and made all the necessary changes for the pages to appear (featured image, excerpt, parent page), but they are showing up in a single column rather than the two columns that the Sela demo page shows. Any ideas why it’s appearing this way?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter goodwitchkitchen

    (@goodwitchkitchen)

    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?

    Thread Starter goodwitchkitchen

    (@goodwitchkitchen)

    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.

    Thread Starter goodwitchkitchen

    (@goodwitchkitchen)

    That did it! Thank you so much!

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hooray and you are welcome!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Grid showing only one column’ is closed to new replies.