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
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.