Skip to main content

Logo & General Styling

  • If left unchecked, your site name will be used instead.
Logo Upload
  • An image upload for your logo.
Logo Height
  • The height that your logo should display at. It's recommended to upload your logo at twice the size you set this at in order to ensure crisp rendering on higher resolution displays.
Mobile Logo Height
  • Set a unique height for your image logo to render at on mobile devices.
Mobile Only Logo Upload
  • An optional field that allows you to display a separate logo that will be shown on mobile devices only.
Header Padding
  • The padding which will be added above/below your logo.
  • The spacing between each menu item in your navigation.
Background Opacity
  • If you are trying to have your header navigation completely see through before scrolling, setting this very low is not how to achieve it. The fully transparent style as shown on many of the demos is the option titled Use Transparent Header When Applicable which is available in the Header Navigation ~ Transparent Header Effect tab.
Box Shadow
  • Adds a box shadow to your header navigation.
Blur Background
  • Blurs the background behind your header navigation. In order to see this effect, you'll need to change your Background Opacity to be less than 100.
Blur Background Functionality
  • Determines when the blur effect should occur.
Border
  • Adds a border to the bottom of your navigation bar.
Header Border Color
  • The color of your optional header navigation border.
Remove Desktop Stickiness
  • Prevents the header navigation from sticking to the top while scrolling and will keep it positioned at the top.