Resolve

A collaborative online community that brings together photographers and creative professionals of every kind to find ways to keep photography relevant, respected, and profitable.

Have an idea for a post?

Want us to find an answer to your question? Interested in becoming a contributor?Email us

‹ Home

August 16th, 2016

Customizing Your Navigation Bar

Posted by liveBooks

The 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 websites, you’ll be able to customize every aspect of the navigation bar.

Here are 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

  1. Log in to your liveBooks website editor
  2. Select the Content tab
  3. Select “Add New Pages”

Screen Shot 2016-08-14 at 8.06.02 PM

 

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

Screen Shot 2016-08-15 at 6.37.50 PM

5. 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.Screen Shot 2016-08-15 at 6.42.49 PM

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.

Screen Shot 2016-08-15 at 7.17.42 PM

 

 

Social Media Icons in the Navigation Bar

The new liveBooks8 website editor allows users to easily and seamlessly integrate social media outlets to their website. What’s the difference between having your social media icons in the navigation versus in the footer? Here are some of the most contrasting differences:

  • Depending on the layout that you have chosen, social media icons may catch viewer’s eyes more in the header of your website
  • Having your social icons in the navigation bar highlights the importance of social media outlets with your work; they are equally as important as other pages on your website
  • The navigation bar allows up to 4 social media icons at a time; the footer allows for unlimited social media icons to be added
  • If you have added a variety of pages to your navigation bar, we recommend that you consider adding social media links to the footer of your site. With a number of pages in your navigation, viewers may find it to be too crowded.

Adding social media icons to navigation bar:

  1. Log in to your liveBooks website editor
  2. Select “Content”
  3. Select “Add New Pages”
  4. Check the box next to “Navigation Item” and then select “Add”
  5. From the drop-down, select “Social Icons”

Screen Shot 2016-08-15 at 7.43.45 PM

6. 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.)

7. Make sure to copy and paste the exact URL from your social media outlet. 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:

  1. Log in to your liveBooks website editor
  2. Select “Content”
  3. Select “Add New Pages”
  4. Check the box next to “Navigation Item” then select “Add” (look above for image)
  5. From the drop-down, select either “Link” or “Button”
  6. Change the “Text Label” to what you’d like your Link of Button to read to viewers (i.e.: “My Blog” if the link leads viewers to your blog)
  7. Copy and paste the URL into the “Link” section

Screen Shot 2016-08-16 at 10.28.56 AM

 

Is there a liveBooks feature that you want to learn more about? Let us know at social@livebooks.com!


Leave a reply




 

FREE EBOOK

Learn how to engage your audience and
build brand recognition across social
channels. Learn more...

Free eBook

Search Resolve

Search

READY TO GET STARTED?

Pick your package. Pick your design.
No credit card required.

Start 14-day Free Trial
Compare packages