How to Change Joomla Font Family of Off Canvas Menu Title

Navigation Settings

T4 Framework is built for both developers and users. For users, it provides all important features easily attainable via the admin panel and developer can accommodate information technology easily to ringlet out their own custom templates for their projects or users.

Navigation Profile

On one website, y'all may utilize different menus on different pages. The Navigation profile is designed to help manage your navigation system faster and easier.

You can create multiple navigation profiles, each navigation profile could take different configurations of:

• Megamenu: select a menu and build megamenu for the menu using the megamenu builder
• Off-canvas: configuration for off-canvas menu
• Carte breakpoint: select the screen that mobile card will be enabled

You take full control of the navigation profile:

• Configure megamenu, off-canvas in the profile
• Restore default settings of default navigations
• Clone any navigation profile
• Delete navigation profile (only cloned items)

In which cases the Navigation profile is useful ?

• Multilingual websites: requres menus for corresponding language
• Want to have different mengamenu on dissimilar pages
• Want to take different menu on different pages
• Desire to take unlike off-canvas carte du jour on different pages
• Want to take different logo, favicon on different pages

The megamenu builder volition aid yous setup megamenu faster and easier. You can build a mega menu with multiple rows, each row can include multiple columns.

The megamenu settings include 3 main configuration sections:

ane. Card particular settings

Each card particular include following settings:

• Actress Course: extra grade for the menu detail if you want to add together specific style
• Particular Icon: add icon course to show for the carte item. By default, information technology supports Bootstrap 4 and Bootstrap 5. Example: fab fa-joomla. In case you desire to use other font icon, you tin ascertain the font icon in the Global Settings > Addons.
• Item caption: add caption for the menu item

Megamenu basic settings

When Megamenu is enabled, each megamenu item will have following basic settings:

• Submenu Width (px): the megamenu particular width
• Extra Class mega Item: add together actress class if you want to add custom style for each megamenu detail
• Alignment: set the megamenu detail to display on left, right, center or make it justify

Megamenu builder: build megamenu structure and content consignment

Each megamenu item can include multiple rows, you tin can drag and drop to alter the position of rows.

Row Settings

In each row you tin can add up to 12 columns. You can also change width for columns using the Bootstrap grid system of 12.

Column Settings

Column is designed to load content into megamenu. Each column includes post-obit settings:

• Column Title: the title will exist shown as column championship in forepart-cease
• Column Blazon: assign content to load into the cavalcade. It supports:
  
  • Module position: add together a module positions and published modules in the position will be brandish in the column
  • Module: select a module from the created modules to testify on the column.
  • Menu particular: you tin select specific menu items from a menu to show on the cavalcade.

You tin preview megamenu directly in the preview panel while you lot are configuring for megamenu. This will help save more time and easier to work with.

Animation settings

The blitheness settings includes:

• Animation type: fade, slide, zoom or elastic
• Animation duration (in milliseconds)

Off-canvas carte

Off-canvas is a popular menu blazon and navigation for a website, it can exist used for mobile menu or even in desktop layout.

Off-canvas can also be used for other purposes like alternative menus, highlight content, banner, etc.

T4 Framework supports Off-canvas past default with an easy configuration console.

Off-canvas configuration:

• Carte du jour Module : Create card module that y'all want to testify in off canvas sidebar and assign information technology on position Off-canvas.
• Module Position: assign a module position where published modules in the position volition be displayed in the Off-canvass.
• Module Style: select a mode for module
• Event: select an effect when open the Off-canvass. It supports xiv furnishings.
• Bear witness on right side: enable this option if you want to show the Off-sail in the right side. Past default, it is displayed on left side.
• Show on Desktop: enable this option if you lot want to testify the Off-sail on desktop layout. By default, it is enabled for SM (Tablet) and XS (Mobile) layouts.

T4 Framework allows you to set the breaking point to show the Megamenu as in some cases, users may want to evidence Megamenu on tablet layout.

Simply select a screen size: Minor Screen (SM), Medium Screen (MD) or Larger Screen (LG) to be the breaking point to show the Megamenu. For instance, when yous select Medium Screen (Dr.), Megamenu will set this screen as a breakpoint, and the Megamenu volition not be shown on the screen sizes below the Medium screen.

On ane website, there is commonly one megamenu that is used as the website primary menu. In some specific cases, users want to evidence multiple mega menus, this guide will help. Following is the teaching to create multi megamenu on one website.

1. Add new department in layout builder to load megamenu

In the layout builder, create new section and select:

• Column Blazon: Element
• Content Element: megamenu
• Extra Prams: menutype="menu type name"

To become bill of fare type name, go to: Menu > Manage and copy the card type name of the menu you desire to show.

2. Configure megamenu for selected menu

The best way to configure megamenu is past using the in-congenital megamenu builder. Go to Navigation, enable the edit mode and select the new card, utilise the supported tools to build a mega carte for the carte du jour. Once done, salvage the settings.

Now, you need to switch the menu type for Megamenu to the default one as it is the main menu of your site .

everettthoon1985.blogspot.com

Source: https://www.joomlart.com/documentation/t4-framework/navigation-settings

Share this post