ShowTime comes with three different header styles. You can choose the one that best suits your needs in the theme settings area. See below for a screenshot and brief description of each:
Header 1 - Logo left, navigation right
This is the default header style for the ShowTime theme. It features a top bar with a link list selection on the left, contact information and currency selection on the right. The logo is positioned to the left of the main menu below. This layout is ideal if you have a smaller logo and don't need a lot of links in your navigation menu.
Header 2 - Logo/links top, nav below
This header moves the logo above the main menu and pushes the top bar link list and contact information to the right. The main menu is shown at full-width below. This is ideal if you have a larger logo and/or need a lot of links in your main menu.
Header 3 - Logo centered top, nav below
The final header option really accentuates your logo by centering it in between your top bar and full-width main navigation.
We recommend that you use a transparent png image as this will work best with a variety of backgrounds. In this example, the logo is 56 pixels high and so in order to vertically align the menu, we have to set the "Navigation bar height" to the pixel height of your logo.
If I wanted to add some padding on mobile devices, I would just add a pixel value to the Mobile nav button padding box. This setting will align your navigation icons vertically with your logo on mobile.
Using the announcement bar to display store-wide messages
There will be times when you may wish to display a store wide message and the top bar is the perfect solution for that.
Using the subnavigation section to display additional links or information
If you wish to show some smaller links in the header above your main navigation, you can specify a menu in the subnavigation section. In this case, we are using a menu called "Custom Collections."
You can also just enter some text here if you'd rather.
Setting the search bar style
ShowTime comes with two different styles for the search bar, icon or search bar. If you choose the "icon" option, you will need to click the search icon to show the search bar. This is useful if you don't have room in your navigation menu for a full bar.
If you would rather show the full bar at all times, you can enable this option and it will display like this:
Comments
0 comments
Article is closed for comments.