Categories
CSS WooCommerce

Working with WooCommerce’s “woocommerce-smallscreen.css” file

WooCommerce has the fun task of trying to play nice with thousands of themes. That’s not always an easy task and it’s especially hard when it comes to responsive design. How do you design store elements to work with basically every theme out there? You take a good guess and you hope for the best. […]

Categories
Uncategorized

Storefront 2.2.0 beta 1 – Develop Storefront

Storefront 2.2.0 beta 1 is out! Make sure to check it out. I’m definitely liking the design update. Source: Storefront 2.2.0 beta 1 – Develop Storefront

Categories
Uncategorized

Storefront Handheld Menu Height

With Storefront you can have a separate menu for mobile and desktop. They are listed as Primary for the Desktop, and Handheld for Mobile: If you are wondering, the Secondary Menu is for the Header. The Handheld Menu is specific to mobile devices, and it looks like this: One of the nice visual queues is […]

Categories
Storefront WooCommerce

Align WooCommerce Add to Cart Buttons in Storefront

I get this request a lot – you have a lot of products but the “Add to Cart” buttons don’t line up together.  You probably have some product titles that span 2 lines, others than span 1.  Some of your images are taller than others, or maybe some are on Sale and others aren’t.  That’s […]

Categories
themes WooCommerce

Change the default logo size for Storefront and it’s child themes

WordPress recently added the Custom Logo feature which is pretty neat.  Storefront 2.0 also added support for this recently.  By default, Storefront will set the logo to be 110 by 470 – which is pretty small.  If you want to make that bigger, you just need to override the theme function using something like this. […]