6 Quick Examples of Shoestrap v3.2 Menu Options

Here are examples of the 6 basic Menu Style Options for Top Nav and Secondary menus in Shoestrap 3. This is meant to be a fast visual overview and uses only a small set of the menu options available. Menu colors shown are purely arbitrary and each style can be any combination of colors you choose. If you find this useful, you might want to check out A 5 minute jumpstart to Shoestrap 3.

Shoestrap-3 Menu option Examples

0. Menu Style Default

Settings shown: Nav BG color: black #000000 / Brand Primary Colors: Black #000000 Shoestrap 3 theme for WordPress: default menu style

1. Menu Style 1

Settings shown: Nav BG color: red #dd3333: / Brand Primary Colors: Yellow #eeee22 Shoestrap 3 theme for WordPress: menu style 1

2. Menu Style 2

Settings shown: Nav BG color: green #81d742, background opacity 50% / Nav Font color: #222222 / Brand Primary Colors: Black #000000 Shoestrap 3 theme for WordPress: menu style 2

3. Menu Style 3

Settings shown: Purple #8224e3, background 80% opacity / Brand Primary Colors: White #81d742 Shoestrap 3 theme for WordPress: menu style 3

4. Menu Style 4

Settings shown: Nav BG color: Green #81d742, 90% Opacity / Brand Primary Colors: White #81d742 Note: reflects css change to active item from #fff to #f00 to pop it more; margin-right:15px to open space btwn menu and search field. Shoestrap 3 theme for WordPress: menu style 4

5. Menu Style 5

Settings shown: Blue #1e73be / Brand Primary Colors: White #ffffff Note: Required css change to active item from #fff to #f00 and margin-right:15px to open space btwn menu and search field. Shoestrap 3 theme for WordPress: menu style 5

6. Menu Style 6

Settings shown: Nav BG color: Gold #dd9933 / Brand Primary Colors: White #ffffff Shoestrap 3 theme for WordPress: menu style 6
So there's a quick look at the 6 menu styles available in version 3.2 of the Shoestrap theme. Remember, option settings for Brand Colors: Primary should be updated to integrate with the menu options settings you make until you get the look you're after. For example, red menu and red Brand Color settings will result in displaying top nav social icons that are red on red, rendering them invisible. Play around till you find the result you're after.

A Shout Out to Aristeides Stathopoulos

Hopefully this post saved you time. A big shout out to Aristeides Stathopoulos, Dimitris Kalliris and Dovy Paukstys for their brilliant work in bringing us Shoestrap 3 version 3.2.

--End--

Leave a Reply