Page Class − It defines the optional CSS class to styling the elements in the page. Page Heading − It specifies the text for the page heading. Show Page Heading − It provides Yes or No option which hides or shows the page title in the page heading. The next tab Page Display in Add New Menu Item, is as shown below −īrowser Page Title − It specifies the description of the browser page title. Link Image − It uses an image to be used with hyperlink.Īdd Menu Title − It provides Yes or No options and adds the menu title next to the image. Link CSS Style − It applies a custom CSS style to the hyperlink. Link Title Attribute − It specifies a description for the title attribute of the given hyperlink. The next tab is Link Type in Add New Menu Item, as show below − Note − It is used to enter the text information. It provides either ALL or English (UK) options. Language − It specifies the language of the site. Status such as Published, Unpublished and Trashed.ĭefault Page − It provides Yes or No options to set the menu item as default or home page of the site.Īccess − Only the selected option from this dropdown list such as Guest, Public, Super Users, Registered and Special can view the site. Status − It displays the status of the article. Parent Item − This helps you select a parent item by selecting either Menu Item Root or Home. Menu Location − It specifies which menu link will appear either Main Menu or User Menu. Template Style − You can select a template style for your website by clicking dropdown menu which gives Beez3 - Default and protostar - Default styles or provides default templates for your website. Target Window − It provides three options− Parent, New Window with Navigation and New without Navigation which targets the browser window when a menu item is clicked. Link − It determines the link in the menu. Menu Item Type − It specifies the type of menu item such as articles, tags, web links, system links, contacts etc.
![joomla short menu scroll joomla short menu scroll](https://freethemes.app/images/thumbs/5ba3c587-cortex.png)
The Details tab in Add New Menu Item, is as shown below − There are some tabs present while creating menu items as shown in the following screen − Details It will produce UTF-8 aliases it does not allow spaces and underscores. Joomla will automatically fill the value of the title. Menu Title − It displays the title of the menu item in the menu.Īlias − It is used as SEF url. There are two main sections under New Menu Item −
![joomla short menu scroll joomla short menu scroll](https://www.olark.com/img/help/virtuemart/3-virtuemart-live-chat.jpg)
When you open the page of a New Menu Item, you will get the following screen − All the steps described below applies to menu item creation via this method. You can also add new menu item via User Menu. Step 3 − To create a new menu item, go to Menus → Name of the Menu → Add New Menu Item as shown in the following screen − Here you can create a new menu.ĭescription − Brief description about the menu. Step 2 − To add a new menu to your website, go to Menus → Menu Manager → Add New Menu as shown in the following screen −Īfter clicking on Add New Menu, you will get the screen as shown below.
![joomla short menu scroll joomla short menu scroll](http://shamrockroseaussies.com/yahoo_site_admin/assets/images/DSC_0349.95233123_std.jpg)
You can see the menu and menu items point to logical page on the website. Step 1 − Click on Menus → Menu Manager in Joomla administrator, you will get the following screen − I try to find a way to insert data-menuanchor="menu anchor name" to every li tag of menu.Menu manager allows creating custom menus for your website and allows navigation through your website. As long as those values match, the plugin appends the active class (as we scroll) to the corresponding menu item. To do this, I must add the data-menuanchor attribute to menu items with the respective links as the values. I try to put class active on my menu item, when I scroll to the specific section.Īccording to the docs, to let fullPage.js know about the menu, I need to link the menu items to the relevant sections.