Add Top Menu Link

The video above shows you how to add a new link to the top menu bar. We used as an example the "Cruise" Landing Page, but you can do exactly the same with any other page that is already created. Just keep in mind do not add so many links to the top menu bar, the layout will break ou for small size devices, like tablets or small laptops.

You also can remove one of the links, see how to do it here.

Note: You must have admin permissions if you want to add the new link.

Step 1- Add New Settings

From admin top menu click on "Settings" and select "System Settings".

Select "System Settings"

You will see a list of settings, please, don't delete any of them, many of them belong to the template.

Step 2 - Choose Custom Settings

From System Settings page search for "Create a Custom Settings" and click on "Go" button.

Select Custom Settings

Step 3 - Create new_menu settings

You will create a new settings with name " new_menu" and will add the required HTML code as we explain in the video.

New Menu Settings

You are done, just save and you will see the new link in the top menu.

If you want to add another link don't need to create a new setting, just edit the "new_menu" settings adding new lines to the HTML code:

<li><a href="/new-link-url">New Link</a></li>

Also, if you want to delete the new link or links just need to delete the "new_menu" settings.

Additional Option (dropdown-menu)

Example:

Add the following HTML code:

<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
Services <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="/travel-insurance">Travel Insurance</a></li>
<li><a href="/events">Events</a></li>
<li><a href="/entertainment">Entertainment</a></li>
</ul>
</li>
Last updated 2 months ago