Joomla Templates Club 406,261 posts

[Samer Semaan Friend Samer SemaanJoin date: September 2014Posts: 38Downloads:0Uploads:4 Thanks: 2]

#163664

How to fix the Mega Menu in order to make the last item of the menu look the Same as the “Home” item, i need to remove the separator from the last item and make the highlight and everything related rounded corners, to look same as first item of the menu.

my website is hosted locally. i appreciate any help

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#390179

Hi,
– To remove separator from last menu item, you add this code into http<joomla url>/templates/ja_kyanite_ii/css/menu/mega.css file

ul.level0 li.mega.last {
background: none;
}
– Make the Last Menu Item rounded corner, you must reduce width of <joomla url>/templates/ja_kyanite_ii/images/mainnav-bg.gif image

[Samer Semaan Friend Samer SemaanJoin date: September 2014Posts: 38Downloads:0Uploads:4 Thanks: 2]

#390576

What about if it is selected it should be rounded as well,
im always facing this problem with joomlart templates

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#390700

I don’t understand what you mean clearly. Could you explain more detail? I try create corner to last menu item without changing <joomla url>/templates/ja_kyanite_ii/images/mainnav-bg.gif file. As you see, it’s look bad

---

Attachments:

1. 

[Samer Semaan Friend Samer SemaanJoin date: September 2014Posts: 38Downloads:0Uploads:4 Thanks: 2]

#391956

<em>@khoand 239722 wrote:</em><blockquote>I don’t understand what you mean clearly. Could you explain more detail? I try create corner to last menu item without changing <joomla url>/templates/ja_kyanite_ii/images/mainnav-bg.gif file. As you see, it’s look bad</blockquote>

Kindly check the link: http://www.samersemaan.com/globe/

i fixed the menu as i want it to be, but the Hover effect isnt working anymore after i applied this:

ul.level0 li.mega.last {
background: none;
}

how is it possible to activate the hover effect and to make height of the menu bigger?

thank you

[Samer Semaan Friend Samer SemaanJoin date: September 2014Posts: 38Downloads:0Uploads:4 Thanks: 2]

#392404

Any one will reply?
Still waiting since last week!!

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#392424

You add this code into http://www.samersemaan.com/globe/templates/globe/css/menu/mega.css file


ul.level0 li.over.last {
background-image: url(../../images/mainnav-bg.gif) no-repeat -50px -48px;
border-top-right-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;}

– You find this code from http://www.samersemaan.com/globe/templates/globe/css/template.css file


#ja-mainnav .inner {
height: 48px;
background: url(../images/mainnav-bg.gif) no-repeat top center;
background-size: 950px 96px; <-- add this line
}


[Samer Semaan Friend Samer SemaanJoin date: September 2014Posts: 38Downloads:0Uploads:4 Thanks: 2]

#393515

Hello Khoand This fix didnt work still getting same result

[Author]

Posts