Joomla Templates Club 406,261 posts

[orsomannaro Friend orsomannaroJoin date: January 2008Posts: 241Downloads:32Uploads:18 Thanks: 1 Thanked: 3 times in 1 posts]

#200323

I’m working on a megamenu.

Iis it possible to make submenus appear in a non-floating rectangle but in a rectangle aligned to the father one?

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#545034

post your site Url. We need to customize the css. Will give a try.

[orsomannaro Friend orsomannaroJoin date: January 2008Posts: 241Downloads:32Uploads:18 Thanks: 1 Thanked: 3 times in 1 posts]

#545039

<em>@Chavan 440121 wrote:</em><blockquote>post your site Url. We need to customize the css. Will give a try.</blockquote>

I send you a private message with URL.

Thank

[orsomannaro Friend orsomannaroJoin date: January 2008Posts: 241Downloads:32Uploads:18 Thanks: 1 Thanked: 3 times in 1 posts]

#545043

it is ok even if the alignment is at the top

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#545044

Make a backup of these 2 css files

1. /templates/ja_appolio/css/megamenu.css
2. /templates/ja_appolio/css/template.css

Then do the following changes

1. Go to This File: /templates/ja_appolio/css/megamenu.css

i. Add this code

.mega-nav.level2 li:last-child a{
padding: 8px 20px !important;
}

ii. Find this code and Replace it

.t3-megamenu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li .separator {
border-bottom: solid 1px #eee ;
background: #ffffff ;
color: #666 ;
font-weight: 300;
padding: 10px 20px;
}

with

.t3-megamenu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li a,
.t3-megamenu .dropdown-menu .mega-nav > li .separator {
border-bottom: solid 1px #eee ;
background: #ffffff ;
color: #666 ;
font-weight: 300;
padding: 9px 20px;
}

2. Go to this File: /templates/ja_appolio/css/template.css

Replace this code


.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -5px; margin-left: -1px; }

With

.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -1px;
margin-left: -1px;
}

[orsomannaro Friend orsomannaroJoin date: January 2008Posts: 241Downloads:32Uploads:18 Thanks: 1 Thanked: 3 times in 1 posts]

#545068

Sorry but I realize that what I need is not simple to achieve because I also need that all submenus have the same height as the first menu.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#545076

GO to this File: /templates/ja_appolio/css/template.css

Add this code:

div.dropdown-menu {
min-height: 277px;
}

.dropdown-submenu{
position: static !important;
}

increase 277px to whatever extent you need.

[orsomannaro Friend orsomannaroJoin date: January 2008Posts: 241Downloads:32Uploads:18 Thanks: 1 Thanked: 3 times in 1 posts]

#545441

Thank you!

[Author]

Posts