Grid layout

  • WPHaider

    (@wphaider)


    1 year ago

    Hi there,

    Firstly, thank you for this awesome theme.
    My queries are

    1- Can we display more than 3 columns, perhaps 6 on homepage and the wider the page get stretched the more columns added?

    2- And for mobile device, to show 2 columns, not 1?

    3- Change sidebar location and move it on top?

    I look forward to hearing from you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter WPHaider

    (@wphaider)

    @anlino, Anders Norén?

    • This reply was modified 1 year ago by WPHaider.
    Theme Author Anders Norén

    (@anlino)

    Hi @wphaider,

    You can set the grid to display a certain number of columns by adding this CSS:

    .grid-sizer, .preview { width: 50% !important; }
@media ( min-width: 600px ) {
.grid-sizer, .preview { width: 33.33% !important; }
}
@media ( min-width: 1200px ) {
.grid-sizer, .preview { width: 25% !important; }
}
@media ( min-width: 1400px ) {
.grid-sizer, .preview { width: 20% !important; }
}

    Add as many of these as you need for the columns you want.

    Moving the sidebar is a different story though – that’s tricky enough that I would say it isn’t possible. If you need that, you’d probably be better off selecting a theme with that layout.

    — Anders

    Thread Starter WPHaider

    (@wphaider)

    This is brilliant. Thank you so much.

    On mobile phone, the 2 columns are attached to each other, there is no padding in between. I tried to add padding to CSS but breaks everything!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Grid layout’ is closed to new replies.