Skip links

Utility Menu Navigation

Main navigation

css

Four equidistant inline-block columns that break into 4, 2, 1 as the viewport gets skinny

Mar312016

Last Updated on March 31, 2016 by Leave a Comment

In the StudioPress.com forum a person asked about having her columns naturally collapse so that the content will be 4 columns where there’s the width for it and, as the viewport decreases in width, the columns will start stacking in to 2 and then 1 column. The column classes that come with Genesis, Bootstrap, and others don’t do that. They use floats. You can use Flexbox or you can use inline-block. Flexbox is still buggy ... Read More

Logo that hangs outside the .site-header in Genesis with CSS

Mar142016

Last Updated on March 14, 2016 by 2 Comments

A week or so ago someone in a Genesis forum had a CSS situation where the client’s logo designer suggested placement outside the .site-header. This example is using Outreach Pro. If you use this in another theme, you may have to make adjustments to the CSS. View Demo Software requirements: Photoshop or Illustrator or equivalent FTP Code Editor Set up the Logo Get the vector logo and either open it in Illustrator or place it ... Read More

Contact MeLinkedInLike me on Facebook
Go to top