Public Forums 71,145 posts

[andbeyond Friend andbeyondJoin date: November 2011Posts: 55Downloads:4Uploads:0 Thanks: 19 Thanked: 8 times in 1 posts]

#683590

I am using t3_bs3_blank template.

When i set the mega-menu dropdown to justify it fills the entire window width.

I want it to be as wide as the menu container width (like the purity iii template where if you justify the menu it is the width of the main menu)

how would I do this?

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

#683724

Hi @andbeyond,

May I know your site url and temporary admin account via private reply so I can have a look first ?

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

#748463

Hi @andbeyond,

May I know your site url and temporary admin account via private reply so I can have a look first ?

[andbeyond Friend andbeyondJoin date: November 2011Posts: 55Downloads:4Uploads:0 Thanks: 19 Thanked: 8 times in 1 posts]

#683958

Unfortunately I can’t give log-in details. I am at the moment developing on a localhost.

I found a partial solution on another thread*, which is to modify custom.css with this :
.mega-dropdown-inner {
max-width: 980px;
width: 100%;
margin: 0 auto;
}

The problem with that is I am now having some difficulties modifying the css for the items in the mega dropdown. The .mega-dropdown-inner class seems to applies to all the menu groups. That means when I put a shadow on the main menu container that shadow also applies to all sub-menu groups.

This is the thread I mentioned above:
http://www.joomlart.com/forums/topic/t3-mega-menu/

1 user says Thank You to andbeyond for this useful post

1. Adam M

[andbeyond Friend andbeyondJoin date: November 2011Posts: 55Downloads:4Uploads:0 Thanks: 19 Thanked: 8 times in 1 posts]

#748553

Unfortunately I can’t give log-in details. I am at the moment developing on a localhost.

I found a partial solution on another thread*, which is to modify custom.css with this :

.mega-dropdown-inner {
max-width: 980px;
width: 100%;
margin: 0 auto;
}

The problem with that is I am now having some difficulties modifying the css for the items in the mega dropdown. The .mega-dropdown-inner class seems to applies to all the menu groups. That means when I put a shadow on the main menu container that shadow also applies to all sub-menu groups.

This is the thread I mentioned above:
http://id.joomlart.com/forums/topic/t3-mega-menu/

1 user says Thank You to andbeyond for this useful post

1. Adam M

[andbeyond Friend andbeyondJoin date: November 2011Posts: 55Downloads:4Uploads:0 Thanks: 19 Thanked: 8 times in 1 posts]

#683985

<em>@andbeyond 492272 wrote:</em><blockquote>
The problem with that is I am now having some difficulties modifying the css for the items in the mega dropdown. The .mega-dropdown-inner class seems to applies to all the menu groups. That means when I put a shadow on the main menu container that shadow also applies to all sub-menu groups.
</blockquote>

I fixed this by creating an extra class through the mega-menu options in the backend of the template. I styled the css like this (mega-plus is the class i created):

.mega-plus > .mega-dropdown-inner {
max-width: 980px;
width: 100%;
margin: 0 auto;
background: #fff
box-shadow: 0 6px 12px #666
}

That way box-shadow, background etc are specific to the menu container.

1 user says Thank You to andbeyond for this useful post

1. Adam M

[andbeyond Friend andbeyondJoin date: November 2011Posts: 55Downloads:4Uploads:0 Thanks: 19 Thanked: 8 times in 1 posts]

#748580

<em>@andbeyond 492272 wrote:</em><blockquote>
The problem with that is I am now having some difficulties modifying the css for the items in the mega dropdown. The .mega-dropdown-inner class seems to applies to all the menu groups. That means when I put a shadow on the main menu container that shadow also applies to all sub-menu groups.
</blockquote>

I fixed this by creating an extra class through the mega-menu options in the backend of the template. I styled the css like this (mega-plus is the class i created):

.mega-plus > .mega-dropdown-inner {
max-width: 980px;
width: 100%;
margin: 0 auto;
background: #fff;
box-shadow: 0 6px 12px #666;
}

That way box-shadow, background etc are specific to the menu container.

1 user says Thank You to andbeyond for this useful post

1. Adam M

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

#684061

Hi @andbeyond,

Glad to hear that you managed to sort it out. If you still have any question, feel free to let me know.

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

#748629

Hi @andbeyond,

Glad to hear that you managed to sort it out. If you still have any question, feel free to let me know.

[Author]

Posts