Modify the mega menu

[rukcsParticipant]

Hi

On the megamenu style I have only 12 items divided by 6 each. The mega menu show a full width and extra space I don’t need, what should I do to minimize the width of the menu to show the exact 2 columns only

---

[Support2Keymaster]

Hello, thanks for your purchase 🙂

Please, share with us your <header>...</header> code. You can use a tool like http://pastebin.com
If you have a online link with the website and can share with us, this is better yet.

Kind Regards,

Rodrigo.

---

[rukcsParticipant]

Here the code of the menu item

<li class="dropdown dropdown-mega dropdown-mega-style-2">
													<a class="dropdown-item dropdown-toggle" href="#">
														Products
													</a>
													<ul class="dropdown-menu">
														<li>
															<div class="dropdown-mega-content container">
																<div class="row">
																	<div class="col-lg-2">
																		<ul class="dropdown-mega-sub-nav">
																			<li class="fas fa-file-pdf"><a class="dropdown-item" href="ncfiles/NC2N.pdf">NC2N</a></li>
																			<li><a class="dropdown-item" href="ncfiles/NC3N.pdf">NC3N</a></li>
																			<li><a class="dropdown-item" href="ncfiles/NC4N.pdf">NC4N</a></li>
																			<li><a class="dropdown-item" href="ncfiles/NC5N.pdf">NC5N</a></li>
																			<li><a class="dropdown-item" href="ncfiles/NC6N.pdf">NC6N</a></li>
																			<li><a class="dropdown-item" href="ncfiles/NC7N.pdf">NC7N</a></li>
																		</ul>
																	</div>
																	<div class="col-lg-2">
																		<ul class="dropdown-mega-sub-nav">
																			<li><a class="dropdown-item" href="ncfiles/NC8N.pdf">NC8N</a></li>
																			<li><a class="dropdown-item" href="ncfiles/NC9N.pdf">NC9N</a></li>
																			<li><a class="dropdown-item" href="ncfiles/NC100.pdf">NC100</a></li>
																			<li><a class="dropdown-item" href="ncfiles/NC3C.pdf">NC3C</a></li>
																			<li><a class="dropdown-item" href="ncfiles/NC5C.pdf">NC5C</a></li>
																			<li><a class="dropdown-item" href="ncfiles/NC150.pdf">NC150</a></li>
																		</ul>
																	</div>
																</div>
															</div>
														</li>
													</ul>
												</li>

---

[rukcsParticipant]

And this is the full header

https://pastebin.com/fFvrRNt3

---

[Support2Keymaster]

Hello,

Unfortunately at moment EZY don’t have this possibility.
Mega Menus can be full with or containered, but don’t fit to the inside columns width.

You can try increase the size of the two columns, for it please test with the code below:
https://pastebin.com/raw/dXPtEdmh

Let us know if you need further assistance.

Kind Regards,

Rodrigo.

---

[rukcsParticipant]

Hi

not bad thank you. Why the pdf icon doesn’t show right next to the list item, it appears above it

---

[Support2Keymaster]

Hello,

Change the HTML structure of each item with icon to:

<i class="fas fa-file-pdf mr-2"></i>NC2N

Please, try that and let me know if you need further assistance.

Kind Regards,

Rodrigo.

---

[rukcsParticipant]

All done thanks

---

[Author]

Posts