Joomla Templates Club 406,261 posts

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#198577

site: http://bmwqc.dev.dnsnetworks.ca/

I was wondering if it would be possible to insert a graphic at the end of the menu after About Us?

So it would look like this:

Here’s the graphic :

Thanks!!

---

Attachments:

1. 
2. 

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#538299

You can try with steps below :

1. Create a new menu item with type ‘Separator’ >>> then switch to tab Link Type and add Link Image there.

2. Open the file your_root_folder/templates/ja_elastica/css/menu/mega.css then add this declaration:

.ja-megamenu ul li.mega .has-image {
width: 53px;
height: 100px;
color: transparent;
margin: 8px auto 0 auto;
padding-left: 0 !important;
}

Let me know how it goes.

2 users say Thank You to Adam M for this useful post

1. Saguaros
2. TomC

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#539112

Okay .. here’s what it looks like … not sure if we can make this look better … thoughts
http://bmwqc.dev.dnsnetworks.ca/

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#539113

Okay so I made it smaller – is there a way so that when you roll over it – there’s no color change and also no link??

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#539145

Hi,

Please add these CSS rules to your_root_folder/templates/ja_elastica/css/custom.css file (if you don’t see this file, just create a new one) :

.ja-megamenu ul.level0 > li.last.over {
background: none;
}
.ja-megamenu ul.level0 > li.mega.last a.mega,
.ja-megamenu ul.level0 > li.mega.last .has-image,
.ja-megamenu ul.level0 > li.mega.last .menu-title {
cursor: default;
}

[Author]

Posts