Merveille template

  • Home
  • Store
  • Features
    • Module Positions
    • Module Variations
    • Navigation Styles
      • Main Navigation
      • Vertical Menus
      • Horizontal Menus
    • Typography
      • Image Styles
      • Button Styles
      • Bootstrap Styles
      • List Styles
      • Icon Styles
    • Error 404 Page
    • Offline Page
  • Joomla
    • Joomla Content
      • Category Blog
      • List All Categories
      • Single Article
      • Featured Articles
      • Archived Article
      • Tagged Items
      • List of All Tags
      • Search
      • Smart Search
      • Single News Feed
    • Joomla Modules
  • Extensions
  • Docs

Merveille template

  • Home
  • Store
  • Features
    • Module Positions
    • Module Variations
    • Navigation Styles
      • Main Navigation
      • Vertical Menus
      • Horizontal Menus
    • Typography
      • Image Styles
      • Button Styles
      • Bootstrap Styles
      • List Styles
      • Icon Styles
    • Error 404 Page
    • Offline Page
  • Joomla
    • Joomla Content
      • Category Blog
      • List All Categories
      • Single Article
      • Featured Articles
      • Archived Article
      • Tagged Items
      • List of All Tags
      • Search
      • Smart Search
      • Single News Feed
    • Joomla Modules
  • Extensions
  • Docs

The horizontal menu type can be used for secondary navigation purposes, can be aligned to the left or the right and adapts to every background type (light, clear, dark and color).

The horizontal menu on a light background:

  • Home
  • Store
  • Features
  • Joomla
  • Extensions
  • Docs

The horizontal menu on a clear background:

  • Home
  • Store
  • Features
  • Joomla
  • Extensions
  • Docs

The horizontal menu on a dark background:

  • Home
  • Store
  • Features
  • Joomla
  • Extensions
  • Docs

The horizontal menu on a color background:

  • Home
  • Store
  • Features
  • Joomla
  • Extensions
  • Docs

How to use the horizontal menu styles

Use this menu type only for a secondary menu, not for the main navigation of the template, reserved for the nav module position. To use the horizontal menu styles, simply insert the favth-horizontal Menu Class Suffix inside the Advanced Options of the menu module:

FavThemes tutorial for the horizontal menus

 

For a horizontal menu that is aligned to the right, add favth-pull-right after favth-horizontal:

FavThemes tutorial for the horizontal menu right

For the favth-pull-right to work, you need to insert a space before it (by pressing the spacebar key from your keyboard).

© 2023 FavThemes