Weavium’s Expandable Grid


Expandable Grid


Hide your content, Weavium wants it! Their latest stack, Expandable Grid, is a yet another attractive new take on the age-old accordion – reams of information within a confined space.

Expandable Grid allows you to build a grid with as many columns as you feel is practical on your page, with each row set to a height of your desire. Each of the grid sections can contain icons or images alongside a title. When the section is clicked, it expands to the full width of your grid to display whatever you dropped inside it. The rows below the expanded section slide down and the inactive sections gracefully fade with a white overlay.

As we have come to expect from Weavium, the stack is highly customisable and I fell in love with it immediately.

Stack settings

  • General Columns – Desktop, Tablet, Mobile
  • Column Height – px, Desktop, Tablet Mobile
  • Column Gutter – px
  • Breakpoint – Tablet, Mobile
  • Max Width – px


  • Hide All Icons
  • Hide All Titles
  • Vertical Align – Top, Centre, Bottom
  • Horizontal Align – Left, Centre, Right
  • Radius
  • Padding – Vertical, Horizontal
  • Title Size
  • Title Weight
  • Icon Size – Background, Icon
  • Icon Radius
  • Icon Spacing
  • Content Padding
  • Content Width
  • Inactive Opacity
  • Hover Move
  • Hover Grow

Colours & Fonts – What did you expect, but all the default Weavium customisability?

Once again, each of the child stacks is fully customisable via its own Stacks’ settings panel.

Expandable Grida brilliant stack that’s effortless to configure and makes it a pushover to design attractive product catalogues, portfolios, FAQs, etc. in confined spaces.

Rob Hall

Rob Hall is founder of RapidWeaver Ninja and a freelance webdesigner. He studied Art and Design in Birmingham, England, and after many years in the pre-press industry, built up his own consultancy business in Germany. In 2011 he relocated to Thailand where he now ninjas by design.

www.buycheap-pillsonline.com www.buyantibioticshere.com www.ordergenericpropeciaonline.com www.genericpropeciabuyonline.com