Siteoly Docs
  • Siteoly
  • Create Website
    • Getting started
    • Layout basics
  • How To
    • How to create a new project/website?
  • Card Designs
    • Box Horizontal
    • Box Vertical
    • Box Vertical Modern
    • Box Vertical Wave
    • Box Simple
    • Box Square
    • Modern
    • Circles
    • See all designs
  • Sheets - Getting started
    • Basics
    • Site Settings
    • Default Settings
    • NavBar
    • Header
    • Body
    • Body-Cards
    • Filters
    • Body-Text
    • Detailed Pages
    • Footer
    • Other Settings
    • Advanced Settings
    • Playground
    • Dont Edit
  • Integrations
    • Google Analytics
    • Crisp chat
    • Drift chat
    • Intercom
    • Pop up
    • How to add EngageBay form to header in homepage?
  • Sample websites
    • Modern Blog Sample
    • Sample 1
    • Sample 2
    • Job Board
    • Podcast Sample
    • Restaurant Sample
    • Real Estate Best Places
    • Product List
    • Affiliate Sample
    • Blog Sample
    • Pinterest Sample
    • Instagram Gallery Sample
    • Youtube Sample
    • Events List
    • Marketplace
    • App Listing
    • Nomad List
    • Books List
    • Modern List Sample
  • Basics
    • How does search bar work?
    • How to add more than 4 tags for cards?
    • How to turn off the search bar display on home page?
  • Advanced
    • Embed external Javascripts and CSS
    • How to connect to a custom domain?
    • How to add video to Detailed Pages?
    • How to use Google fonts?
    • Setting Pagination Size (cards per page) for cards display
    • List of CSS classes for custom CSS
    • Embed cards on external sites and internal sites
    • How to add Sitemap to submit to Google Search Console
    • How to configure Filter condition
    • Not seeing SSL certificate?
    • How to create and use Templates?
    • Power up search functionality with extra keywords
    • How to create custom '404' page?
    • Markdown support for Cards description
    • How to create Youtube style video listing websites?
    • Embed extra html/css/scripts into detailed page header for specific detailed pages
    • How to generate automated sitemaps for your website?
    • 'Bring Your Own Code' for dynamic content in Detailed Pages
    • Enable Authentication (Login/Logout)
    • Restrict Detailed Pages Access with Access Code
    • How to add video in Home Page under the Header?
    • How to disable Black Overlay for Header Image?
    • How to use Google Maps on the pages?
    • How to use Google Drive images for cards?
  • Billing
    • Plans & Subscriptions
  • FAQ
    • Not able to access the site after creating the site?
  • Legal
    • Privacy Policy
  • Life Time Deal
    • Life Time Deal
  • How to add Mailchimp URL?
Powered by GitBook
On this page
  • 1. Style
  • 2. Logo
  • 3. Menu
  • 4. Menu- Detailed

Was this helpful?

  1. Sheets - Getting started

NavBar

This sheet contains the configurations where user would like to do on Navigation Bar.

PreviousDefault SettingsNextHeader

Last updated 4 years ago

Was this helpful?

This sheet is used to operate the controls on navigation bar. Following are the options available.

1. Style

Name

Description

Background Color

Color Name or Hex code can be entered to change the background color of the NavBar.

Transparent Background

Yes - If selected, Navbar will be displayed with Transparent Background. No - if selected, Background color will be set with the color selected in 'Background Color'.

Stick Nav Bar

Yes - If selected, NavBar will stick to the top during scrolling of the page. No - If selected, NavBar will be visible only after full scroll up.

2. Logo

Name

Description

Image or Text

Image - If selected, respective image provided in column 'Image Link' will be displayed on the NavBar.

Text - If selected, respective text provided in the column 'Text' will be displayed on the NavBar.

Image Link or Text

Image Link - If selected, link of the image should be provided to get it displayed on NavBar.( Should be entered only if 'Image' is selected in previous selection).

Text - If selected, Text should be provided to get it displayed on NavBar.( Should be entered only if 'Text' is selected in previous selection).

Font Name

Select a font name from the drop down.

Font Color

Enter the Hex Code of the Font Color or just enter the color name as 'red', 'green', 'purple' etc.

3. Menu

Name

Description

Font Color

Enter the Hex Code of the Font Color or just enter the color name as 'red', 'green', 'purple' etc for 'Menu' content.

Alignment

Center - If selected, Menu items will be displayed in Center of the NavBar.

Left- If selected, Menu items will be displaced to the Left of the NavBar.

Right - If selected, Menu items will be displated to the right of the NavBar.

4. Menu- Detailed

Name

Description

Name

Name of the menu

Link

Link to be navigated to on click of the menu item should be provided.

Markdown text

Name of the menu should be provided which has to be displayed on NavBar.

Image Link

Link of the image should be provided if menu item should be displayed as image instead of text.

Style Settings for NavBar
Logo/Text Settings for NavBar
Menu Settings for NavBar
Table to add different menu