nine columns

  • Resolved sheilab2

    (@sheilab2)


    7 years, 2 months ago

    My client has nine products that they would like to have all in a row. I am struggling with how to best do that in a responsive manner.
    Right now I am using one-fifths with one-half columns embedded inside to get 10 columns.
    For the desktop, Is there some CSS trick to style that last one-half column to take up no space? Or is there a better approach?

    Thanks,
    Sheila

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Nick Diego

    (@ndiego)

    Hi sheilab2,

    Thanks for reaching out. 9 is particularly challenging and this plugin really does not support more than 6 columns. That said, your approach to get above 6 is great. While not ideal, I think you would want to do a row of [1/3 1/3 1/3] and then embed [1/3 1/3 1/3] in each. This will give you 9 responsive columns. You will likely need to tweak the css on the margins to get it the way you want, but I believe this is the correct approach.

    Best,
    Nick

    Thread Starter sheilab2

    (@sheilab2)

    I thought of the 1/3rd approach after posting.

    7 columns would be the ultimate challenge. Maybe hiding the 8th column and recentering with a margin?

    Thanks for your quick reply.
    Sheila

    Plugin Author Nick Diego

    (@ndiego)

    With 7 being a prime number, it is quite difficult. Honestly, it might be easier, and cleaner, to just roll your own HTML and CSS at that point. Otherwise you basically have to fight against the plugin to get it to work the way you want.

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