We are Underground support

Sticky Header

Last Updated: Nov 09, 2015 01:48PM EST

Looking to access your theme's code or language options with Shopify's new theme editor layout?

In your Shopify admin click on Online store > Themes
Next to the theme that you want to edit click on the Menu button which is a small square with 3 blue dots
This will open a submenu of options which includes: Edit HTMl / CSS and Edit Language

The Sticky Header in the Icon Shopify theme has 2 areas for configuration which allow you to set the mood of your homepage without effecting the rest of the site.

This gives you the ability to show the header with a transparent background over a nice image on the homepage and then fade to an alternate color when scrolling down the site - so you do not get color clashes over your content.

To setup the header from your Shopify admin click on Themes > Customize Theme > Colors 
You will see this split into different sections:

Home Page Sticky Header
Within this section you will be able to add the initial color shown for the Header Background and Text
You can also configure a color which will change for both the background and the Text as soon as the customer starts scroling down the page

Changes within this Section will alter the Home Page Only.

To Configure the Rest of the Site once past the home page Scroll down to: 

Sticky Header - Rest of Site
Here you will see identical options to the home page however these effect all pages of the site beyond the home page.


Get help

Note We can not offer individual theme modifications, however are happy to advise on the best Shopify resources and finding developers to work on your theme.
Want to customize your theme?
Have questions not covered in our docs?
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found