Home » Categories » Multiple Categories

Create Custom Navigation Menu Using Celebrity Theme - Menu Link Block

Summary:

This article assist in creating a custom navigation menu using the Celebrity Theme - Menu Link static block.

Solution:

WARNING: The script listed in this article requires basic knowledge of HTML to replace snippets of code relevant to the user's needs.

This article only applies to the Standard Menu style of the default Celebrity Theme.

A merchant may want to use the Celebrity Theme - Menu Link static block to create a custom navigation menu that. However, when using basic HTML to create a list of links in the Menu Link dropdown, the font and design will not match the rest of the navigation menu. To mimic the look and feel, use the script below. This code is added directly into the Celebrity Theme - Menu Link static block content section with the WYSIWYG editor hidden.

URLs should be added into the HREF tags, and the link text for each URL should be replaced. More entries in the list can be added to the list as needed.

<ul class="level0">
<li>
<ol>
<li class="level1"><a href="{{store url="#"}}"><span>Link 1</span></a></li>
<li class="level1"><a href="{{store url="#"}}"><span>Link 2</span></a></li>
<li class="level1"><a href="{{store url="#"}}"><span>Link 3</span></a></li>
<li class="level1"><a href="{{store url="#"}}"><span>Link 4</span></a></li>
<li class="level1"><a href="{{store url="#"}}"><span>Link 5</span></a></li>
<li class="level1 last"><a href="{{store url="#"}}"><span>Link 6</span></a></li>
</ol>
</li>
</ul>
<style>
/* Custom Dropdown */
#nav li.custom-block { display: block !important; }
#nav li.custom-block .sub-wrapper { cursor: pointer; cursor: hand; }
#nav > li.custom-block > a > span { cursor: hand; cursor:pointer; }
#nav li.custom-block div.sub-wrapper > ul > li { float: left; background-image: none; padding: 0; }
#nav li.custom-block div.sub-wrapper a { text-decoration: none; padding: 0; }
</style>


Attachments Attachments
There are no attachments for this article.
Comments Comments
There are no comments for this article. Be the first to post a comment.
Related Articles RSS Feed
NCR Secure Pay - Batch Settlement Fail (PLEASE RETRY or GENERICFAIL)
Added on Mon, Apr 4, 2016
Adding a Customer Connect Newsletter Signup
Added on Wed, Jan 30, 2013
How can I use Flash files in NRO?
Added on Thu, Sep 20, 2012
Orders missing in Counterpoint
Added on Tue, Apr 5, 2016
Changing Display Labels throughout your Storefront
Added on Fri, Jun 14, 2013
Adding More Social Media Icons to the Footer
Added on Tue, May 31, 2016