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.

Step 1 – Logo Position

1. Logo left aligned
2. Logo center aligned

Step 2 – Menu Style

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. Logo over the Image Slideshow
2. Logo above the Image Slideshow

Step 4 – Sub Menu Colors

You can select the sub menu hover background color, and the hover color of the text.

Step 5 – Content Padding Width

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.