Knowledgebase: Flexsitez - Menu
Flexsitez - Menu Settings Overview
Posted by Sarah on 30 September 2013 12:02 PM

1. Select Button Background Color - This is the color of the "menu bar".

2. Select Button Text Color  - This is the color of the text (menu labels).

3. Select Button Rollover Background Color - This is the color the "menu bar" will change when hovering over the menu item.

4. Select Button Rollover Text Color - This is the color of the menu text when hovering over the menu item.

5. Select Top Border Color - This is the color of the border line above the menu bar.

6. Select Bottom Border Color  - This is the color of the border line below the menu bar.

7. Menu Bar Color Opacity - This is the opacity of the menu bar. An OFF setting removes background and hover colors for main menu (submenu colors/opacity remain).

8. Top Border Size - This is the thickness in pixels of the line that borders the top of the menu bar.

9. Bottom Border Size - This is the thickness in pixels of the line that borders the bottom of the menu bar.

10. Menu Position - This setting determines whether the menu bar appears above (top) or below (bottom) your header.

11. Menu Side Alignment - This is the spacing of the menu, from the left side of the menu bar. 

12. Menu Fixed or Scroll - Default is scroll. Setting to fixed will keep the menu on top of the content while scrolling.

13. Top Margin - This setting determines the margin between the top of the menu and any design elements above.

14. Bottom Margin - This setting determines the margin between the top of the menu and any design elements below.

15. Left Margin - This is the margin between the edge of the menu bar and the first button, when menu is aligned to the left.

16. Right Margin - This is the margin between the edge of the menu bar and the first button, when menu is aligned to the right.

17. Button Spacing - This setting determines the space between each menu button.

18. Sub-Menu Width - This is the width of the submenu (dropdown) bar. All submenu buttons will be the same width, regardless of the length of the button 'name'.

19. Button Font - This must be a web safe font such as Arial or Times New Roman, or an uploaded font.

20. Button Font Size - This sets the size of the menu text in pixels. The average size is 12-14pt.

21. Menu Bar Height - This is the size of the menu bar height in pixels.

22. Menu Background Image - This is where you would upload an image to be used as the background for the actual menu bar. In most cases, you will want to make sure the image is sized to match setting #20, Menu Bar Height.

23. Background Type - This setting will determine the way that any uploaded background image is displayed. Options are None, Fixed Size, Tiled, Tiled Horizontally, and Tiled Vertically.

24. Horizontal Image Align - This setting will determine the way that any uploaded background image is aligned horizontally within the menu bar area. Options are Left, Center, Right.

25. Vertical Image Align - This setting will determine the way that any uploaded background image is aligned vertically within the menu bar area. Options are Top, Center, Bottom.

26. Menu Background Placement - This setting will determine the way that any uploaded background image is displayed in regard to the menu bar and browser. Options are Within Content Area, Outside Content Area-Full Browser Width, Outside Content Area-Image Width (for additional information, please review: http://portfoliositez.com/support/index.php?/Knowledgebase/Article/View/355/78/flexsitez--menu-images)

27. Menu Image Hover Type - This setting will determine any animation when hovering over the menu image. 

28. Menu Image Opacity - Determines the opacity on hover, and ONLY applies when Fade is selected in setting #27, Menu Image Hover Type.

29. Show Menu Text - Setting this to true will show Menu names Home, Contact etc. rather than any uploaded images. 

For additional assistance with Menu Images, please review this article: http://portfoliositez.com/support/index.php?/Knowledgebase/Article/View/355/78/flexsitez--menu-images

 

And contact support@portfoliositez.com with other questions!

(261 vote(s))
Helpful
Not helpful

Comments (0)
Post a new comment
 
 
Full Name:
Email:
Comments: