Change Mobile Navigation Icon Color

Change Mobile Navigation Icon Color

Depending on certain design choices, your navigation icon could blend in with your background or just not appear the best with our default settings. You can easily change this within the Design panel.

 

1. Select Design the navbar

2. Then, select the Sitewide tab on the righthand side

3. From here, select Navigation

Screen_Shot_2018-08-01_at_9.12.26_AM.png

 

4. Now, scroll to the bottom and open the Mobile dropdown area

Screen_Shot_2018-08-01_at_9.12.55_AM.png

5. From this area, you will find many different mobile nav design options, find the Icon / Label color picker and choose a new color for the icon

6. Select Save and Publish to make it live now

 

    • Related Articles

    • 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 ...

    • 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 ...

    • Creating a Temporary Landing Page / Change Homepage

      You can set any page on your website as the "homepage" that a user lands on when they first visit your website. You can also set a temporary landing page to use when the rest of your site is "under construction". Create a temporary landing page 1. ...

    • 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 ...

    • Update or Change Copyright Date in Footer

      You can update, change, or remove the Copyright date that appears on the bottom of your website. If you log in to your design.livebooks.com dashboard, navigate to Content, then in the top-right corner under Global Content, click on Footer. Here, you ...