Mega Menu changes to width

eleanor
374 Posts
eleanor posted this 04 October 2016

Hi

I am trying to style a mega menu on my site.

Changing the width of the columns doesn't seem to have any effect on my menu as it will only show as sheet width. I'd like to reduce the gaps in the columns.

close-gap.JPG

I have set the columns to 350px and clicked the collapse spacing to on but without success, any ideas?

mega-my-settings.JPG

Thank you

Hi I am trying to style a mega menu on my site. Changing the width of the columns doesn't seem to have any effect on my menu as it will only show as sheet width. I'd like to reduce the gaps in the columns. !close-gap.JPG! I have set the columns to 350px and clicked the collapse spacing to on but without success, any ideas? !mega-my-settings.JPG! Thank you
width mega-menu
close-gap.JPG
mega-my-settings.JPG
Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
eleanor
374 Posts
eleanor posted this 04 October 2016

AH!

I think it's because the menu I was working with had flipped to the next line without me noticing. Now that I've extended the menu so it all fits, the mega menu has started to respond!

Thank you

AH! I think it's because the menu I was working with had flipped to the next line without me noticing. Now that I've extended the menu so it all fits, the mega menu has started to respond! Thank you
Support Team
Support Team posted this 05 October 2016

You are welcome. Please let us know if you need our further help.

Sincerely,
Hella

You are welcome. Please let us know if you need our further help. Sincerely, Hella
Brad
20 Posts
Brad posted this 16 January 2017

I'm having the same issue, but my top-level menu items are all on one line. The problem seems to be that my header is a fluid layout. If I change the header to wide layout, the mega menu columns collapse to the specified width. However, I need the header to be fluid, so how can I get the mega menu columns to collapse to a fixed width?

You can see this at https://www.loanconnection.com

I'm having the same issue, but my top-level menu items are all on one line. The problem seems to be that my header is a fluid layout. If I change the header to wide layout, the mega menu columns collapse to the specified width. However, I need the header to be fluid, so how can I get the mega menu columns to collapse to a fixed width? You can see this at https://www.loanconnection.com
Support Team
Support Team posted this 17 January 2017

Hello Brad,

As a possible solution, you may try to put the menu out of the header/container so that it is not inside a fluid container, and then use some negative top margin to out it to the desired position.

Sincerely,
Nettie,
BillionDigital Team

Hello Brad, As a possible solution, you may try to put the menu out of the header/container so that it is not inside a fluid container, and then use some negative top margin to out it to the desired position. Sincerely, Nettie, BillionDigital Team
Brad
20 Posts
Brad posted this 17 January 2017

That's not really a practical solution. It's in a fluid container because it needs to be able to stay right-aligned to the header as the screen size changes and snap down to the mobile menu before colliding with the logo. Also, I'm using a sticky header, so it needs to be inside the container.

That's not really a practical solution. It's in a fluid container because it needs to be able to stay right-aligned to the header as the screen size changes and snap down to the mobile menu before colliding with the logo. Also, I'm using a sticky header, so it needs to be inside the container.
Support Team
Support Team posted this 17 January 2017

Hi Brad,

Could you please create a new private topic and provide temporary access to your website for investigation?

Sincerely,
Nettie,
BillionDigital Team

Hi Brad, Could you please create a new private topic and provide temporary access to your website for investigation? Sincerely, Nettie, BillionDigital Team
You must log in or register to leave comments