Selecting Menu and Logo Position

The following tutorial explains how you can select your Menu and Logo positions/styles with Vivi.

Once the Menu Navigation has been created, go to Flothemes – Header & Logo – Menu & Logo Position. Here you can adjust:
– Logo Position
– Menu Style
– Menu Hover Type
– Mobile Options
– etc.

Flothemes Options ‹ Vivi — WordPress 2016-06-01 17-14-12

Step 1 – Logo Position

Screen Shot 2016-06-01 at 5.49.56 PM

  1. Logo left aligned
  2. Logo center aligned

Step 2 – Menu Style

Screen Shot 2016-06-01 at 5.51.04 PM

  1. Menu bottom left, always visible as per the demo
  2. Menu top left, hidden with burger menu
  3. Menu center – inline, one line from left to right
  4. Menu Top – above the page content

Step 3 – Mobile Logo Position

  1. Screen Shot 2016-06-01 at 5.55.17 PMLogo over the Image Slideshow
  2. Logo above the Image Slideshow

Step 4 – Sub Menu Colors

Screen Shot 2016-06-01 at 6.00.28 PM
You can select the sub menu hover background color, and the hover color of the text.

Step 5 – Content Padding Width

Screen Shot 2016-06-01 at 6.04.28 PM
Here you have the option to select the padding left and right for your content. The padding is in % of the screen size. I wouldn’t recommend using padding larger the 25% of the screen width.

Other Options Include:

– Distance Between Menu Items
– Enable/Disable Sticky Header
– Sticky Menu Background Color
– Logo Container Width
– Menu Hover Types
– Inline Menu Hover Direction

Step 6 – Save Updates

Always remember to save updates when making changes to your site.