Note: This option no longer exists as of GP Premium 1.8. Please see our Navigation as Header option instead.
You can upload a logo inside your navigation by going to Customize > Layout > Primary Navigation.
See this article if you wish to display your site title instead of navigation logo.
Uploading a navigation logo will place it inside your navigation to the left of your menu items.
The Navigation Logo Position option has 3 choices:
- Sticky – your navigation logo will only appear in the sticky navigation
- Static – your navigation logo will only appear in your static navigation – meaning it’s not sticky.
- Sticky + Static – your navigation logo will appear in both your sticky and static navigation.
Float Navigation Logo Outside Container
The steps above show you how to use the navigation as header. In some cases, users would like to float the logo outside the container.
- Activate Use Navigation as Header option.
- Add the following CSS:
.main-navigation .site-logo.navigation-logo {
position: absolute;
left: 0;
top: 0;
}
.main-navigation .site-logo.navigation-logo img {
height: auto; /* Set the image height of logo in px */
}