NavBar Position: Position of NavBar includes Static Top and Fixed Top. Static Top, in this case, the NavBar does not move. It means that when you scroll down on the page and let the mouse pass the NavBar, you will not see the NavBar displayed on top. However, Fixed Top will allow you to see the NavBar when you scroll down the mouse. Besides, when you choose Fixed Top, you will have two extra options:
Shrink Navbar when Scroll:
Only Display when Scroll up:
Show Shopping Cart/ Show Search Icon: Turn these button on to show Shopping Cart and Search Icon.
Only Search Properties: Tick this box to only search Properties
Phone Number: Enter a phone number here
Use Custom NavBar Font and Color: Enabling this button, you can change font, font size, link color, link hover color and style of letters (uppercase or lowercase). For example, if you decide on orange and green for Link and Link Hover respectively then the Navigation Bar will have transformation. It is very clear that color of the links now change to orange and when you let your mouse hover over menu pagelink displayed on Navigation Bar, it will turn green.
Transform to Uppercase: if you tick this box, all menu items turn into Uppercase
Custom Dropdown Style: Enable this button then you will be able to make changes to drop-down items
Drop-down Background Color: Choose a background color
Drop-down Font Size: Change font size of drop-down items
Drop-down Link Color: Change Link color of drop-down items
Drop-down Link Hover Color: Change Hover Link color of drop-down items
Shrink Navbar when Scroll:
Only Display when Scroll up:
Show Shopping Cart/ Show Search Icon: Turn these button on to show Shopping Cart and Search Icon.
Only Search Properties: Tick this box to only search Properties
Phone Number: Enter a phone number here
Use Custom NavBar Font and Color: Enabling this button, you can change font, font size, link color, link hover color and style of letters (uppercase or lowercase). For example, if you decide on orange and green for Link and Link Hover respectively then the Navigation Bar will have transformation. It is very clear that color of the links now change to orange and when you let your mouse hover over menu pagelink displayed on Navigation Bar, it will turn green.
Transform to Uppercase: if you tick this box, all menu items turn into Uppercase
Custom Dropdown Style: Enable this button then you will be able to make changes to drop-down items
Drop-down Background Color: Choose a background color
Drop-down Font Size: Change font size of drop-down items
Drop-down Link Color: Change Link color of drop-down items
Drop-down Link Hover Color: Change Hover Link color of drop-down items
2. Logo
Citilights allows you to add image file or use text for logo. If turning off Use image for Logo button, you will have options to enter your site name, select logo font from Google font, font size, uppercase or lowercase for text logo.If turning on this button then you can upload an image and change its height. Besides, you can choose a Retina Logo that will be displayed on mobile devices.
Here you can change NavBar Height, NavBar Spacing and Mobile Icon Size
4. Top Bar
Enable Top Bar : Turn this button on to show the top bar
Show social icons: Turn this button on to show social icons
Social Position: The position of the social icon can be Left or Right
Email: Enter an email address here
Show Register Link/ Show Login Link: Tick these boxes to show these links
Custom Register/Login Page: Choose page that becomes Register/login page
Show social icons: Turn this button on to show social icons
Social Position: The position of the social icon can be Left or Right
Email: Enter an email address here
Show Register Link/ Show Login Link: Tick these boxes to show these links
Custom Register/Login Page: Choose page that becomes Register/login page
