Navigation Item Information

Navigation Item Information

The new liveBooks website editor allows you the freedom to create a custom navigation bar that fits your website’s specific needs. Whether this includes a drop-down menu that organizes your portfolio galleries​ into a visual index for your viewers to choose from, the use of social media icons, or the use of links and buttons to direct your viewers to another webpage or website, you’ll be able to customize every aspect of the navigation bar. See below for some helpful tips to get you on your way to creating a navigation bar that fits the design of your website:

 

Creating Drop-Down Menus

  • Log in to your liveBooks website editor
  • Select the content tab
  • Select “Add New Pages”

  • Check the box next to “Navigation Item” and then select “Add”

  • From the drop-down, select “Text (No link). This will allow you to create a title for the portfolio/gallery without leading your viewers to a blank page. Once you have chosen this option, change the Text Label to the name you would like your drop-down menu to have.

 

  • 6. Once you have successfully finished all of the above steps, you can begin adding portfolios that will showcase your work. In order to organize the portfolios to display in the drop-down menu you have just created, you will need to indent your portfolio pages.

NOTE:  for a video tutorial on how to setup up a gallery drop down menu, click here.

 

 

 

Social Media Icons in Navigation

The new liveBooks website editor allows users to easily and seamlessly integrate social media outlets to their website. To add them to the navigation area, follow these instructions:

  • Log into your liveBooks website editor
  • Select “Content”
  • Select “Add New Pages”
  • Check the box next to “Navigation Item” and then select “Add”

  • From the drop-down, select “Social Icons.

  • Select up to 4 social media icons that you would like to display on the navigation bar.
    Tip: Make sure to keep the “Open in new window” box checked. Otherwise, your viewers’ will leave your page immediately upon clicking the icon.

  • Make sure to copy and paste the correct URL once you have chosen your icons. Also - check these icons frequently to make sure they are still linking to your social feeds correctly. Changes in usernames and domains from social media feeds may cause you to lose viewers along the way.

 

Creating Links and Buttons

The links and buttons feature on the navigation tool can help navigate your viewers to a specific part of your page that you want to showcase. This is especially true in the case of buttons. Links, on the other hand, are more commonly used for external links, which will lead viewers to another website.

Adding links and buttons to the navigation bar:

  • Login to your liveBooks website editor
  • Select “Content”
  • Select “Add New Pages”
  • Check the box next to “Navigation Item” and then select “Add” 

  • From the drop-down, select either “Link” or “Button”
  • Change the “Text Label” to what you’d like your Link or Button to read to viewers
  • i.e: “My Blog” if the link leads viewers to your blog 
  • Copy and paste the URL into the “Link”


    • Related Articles

    • Make Navigation Item Click-only

      You can make a navigation item only show or 'hold' a drop-down menu and not click through to any page: 1. Select Content 2. Select Add New Pages 3. Select Navigation Item 4. Select Add 5. Select the newly created Navigation Item content block 6. ...
    • Reorder/Adjust Navigation Items/Menu

      Adjusting your menu navigation for your liveBooks site is easy to do. Reorder Pages simply drag and drop the page blocks with the grabbers (sometimes called the Hamburger icon) on the left of each page's name: 1. Select Content 2. Here you will see ...
    • Link Navigation Item to External Website

      To make a navigation link go to an external site, follow these steps: 1. Select Content 2. Select Add New Pages 3. Select Navigation Item then select Add 4. The Navigation Item will appear at the bottom of your page. Click on the block, edit the ...
    • Create Sub-Navigation/Drop-down Menus

      Here is how to create sub-navigation menu items: 1. Select Content from your navbar 2. Select Add New Pages to add many different types of pages and create your sitemap 3. Use the Arrow icon on each page block to nest the pages under the main block ...
    • Social Media Icons in Navigation

      The liveBooks website editor allows users to easily and seamlessly integrate social media outlets to their website. To add them to the navigation area, follow these instructions: 1. Select “Content” tool in the gray navigation bar. 2. Select “Add New ...