Mega Menu bottom row below columns

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 17 replies, 6 voices, and was last updated 9 years by Kyle – SUPPORT.

Viewing 15 posts - 1 through 15 (of 18 total)

1 2 →

Back to forum

Posted in: Dante
July 9, 2015 at 10:34 am #193096

Jackcoldrick
Member

Post count: 84

Hey guys,

I’ve a quick question in relation to your mega menu functionality. I’ve currently got a mega menu working and displaying 2 columns @ 50% widths in the container. What I would like to be able to do is insert a row below both of these columns @ 100% width.

Is there any way I can do this? Or will I have to dig into the theme code in order to achieve it?

Any help is much appreciated.

I’ve attached a screen shot of what I’m trying to achieve! I just took a screenshot of my current menu and added the row in below it, similar to what I’d like to get working.

Thanks

Jack

Attachments:
You must be logged in to view attached files.

July 9, 2015 at 10:46 pm #193412

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

Hi,

Since the structure is made with columns that isn’t possible by default.

The only workaround that I see is to define only 1 column and place the entire html that builds that mega menu inside that item content.

2 divs with 50% and after that 1 div with 100% and the respective content inside.

-Rui

July 10, 2015 at 9:14 am #193513

Jackcoldrick
Member

Post count: 84

Thanks Rui,

I’ll try that and let you know how I get on.

July 10, 2015 at 10:38 am #193560

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
Its ok. Try and let us know your feedback.
Thanks
Mohammad

August 1, 2015 at 8:38 pm #199896

wired_pl
Member

Post count: 40

Jackcoldrick: Did you managed to do this? I want to do similar thing, but a row which goes through all columns.

August 3, 2015 at 7:23 am #199974

Mohammad – SUPPORT
Moderator

Post count: 27441

Hi,
My colleague will assist you shortly.
Thanks
Mohammad

August 3, 2015 at 8:10 am #199992

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

@wired_pl

Do you have any mockup image? I’m not understanding exactly what you are trying to achieve.

-Rui

August 3, 2015 at 9:11 pm #200349

wired_pl
Member

Post count: 40

Please see the attachment.

In addition I have other question regarding mega menu, they were already added as a comment to http://www.swiftideas.com/knowledgebase/change-the-mega-menu-styling/ but it never showed up.

1. How to remove delay of a submenu. Currently, it doesn’t shows up right away.
2. How to make submenu of 100% width?
3. How to add a background color for a parent menu element on hover?

Attachments:
You must be logged in to view attached files.

August 5, 2015 at 12:00 pm #200918
Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779
@wired_pl

By default that’s not possible because it works with columns structure and doesn’t have rows. The only change is using only 1 column and place there all the html content to build the structure in your screenshot.

1) Add the code below to your custom css option
```
nav#main-navigation .menu > li {
     transition: none !important;
    -moz-transition:none !important;
     -webkit-transition: none !important;
    -o-transition: none !important;
    -webkit-animation-fill-mode: none !important;
    -moz-animation-fill-mode: none !important;
    -o-animation-fill-mode: none !important;
     animation-fill-mode: none !important;
}
```
2) You can choose the alternative mega menu style, guess it stretches to full width

3) Not possible with css. Only with some customization using jQuery that is outside of our support scope.

-Rui
August 5, 2015 at 6:47 pm #201108

wired_pl
Member

Post count: 40

Rui:

2). Interesting. Can you tell how?

3). Do you offer paid customization service?

August 5, 2015 at 6:56 pm #201111

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

Hi,

2) Try that one
https://www.dropbox.com/s/re1y7cgea40ajtf/Screenshot%202015-08-05%2018.54.47.png?dl=0

3) No, but we recommend the folks from Werkpress

-Rui

August 5, 2015 at 9:05 pm #201149

wired_pl
Member

Post count: 40

This reply has been marked as private.

August 10, 2015 at 9:33 am #202270

Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779

Hi,

Apologize for the delay, I tried a few css but couldn’t sorted it.
Will have to forward to our head developer to see if it’s possible.
Thanks

-Rui

August 10, 2015 at 5:15 pm #202488
Swift Ideas – Ed
Keymaster

Post count: 15264
1) Edit /js/functions.js lines 1031-1036 from:
```
jQuery('#main-navigation .menu').dcMegaMenu({
				rowItems: '5',
				speed: 200,
				effect: 'fade',
				fullWidth: true
			});
```
to
```
jQuery('#main-navigation .menu').dcMegaMenu({
				rowItems: '5',
				speed: 0,
				effect: 'fade',
				fullWidth: true
			});
```
2) You’d need to make the header full width for this to be possible.

– Ed
August 11, 2015 at 10:00 pm #202933

wired_pl
Member

Post count: 40

Hi Ed,

1. Speed has been changed to 0, but submenu, still doesn’t shows itself right away.
2. Option “Full Width Header” set to On, but it didn’t made the submenu in full width.
Back to forum

Posted in: Dante