Joomla Templates Club 406,261 posts

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#172920

Hi
It is simple to add icons and then have them center over the menu title.
Just update your code as seen below:

<blockquote>
.ja-megamenu ul.level0 li.mega .has-image {
background-position: center top;
background-repeat: no-repeat;
cursor: pointer;
display: block;
}

plugins/system/jat3/jat3/base-themes/default/css/menu/mega.css
Line 44</blockquote>

<blockquote>
span.has-image {
background-position: left 1px;
background-repeat: no-repeat;
display: block;
overflow: hidden;
}

plugins/system/jat3/jat3/base-themes/default/css/template.css
Line 1014</blockquote>

<blockquote>
.ja-megamenu ul.level0 li.mega span.menu-title {
font-size: 1.25em;
margin-top: 36px;
}

templates/ja_elastica/css/menu/mega.css
Line 48</blockquote>

http://youtu.be/kQdgyETZ7xQ

That’s all 🙂

---

Attachments:

1. 
2. 

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#442999

Nice tip. Thanks!

[Author]

Posts