Home Forums EZY Template Modify the mega menu

This topic contains 7 replies, has 2 voices, and was last updated by  rukcs 3 months, 4 weeks ago. This post has been viewed 244 times

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #10026063

    rukcs
    Participant

    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


    #10026066

    Support2
    Keymaster

    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.


    #10026072

    rukcs
    Participant

    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>

    #10026073

    rukcs
    Participant

    And this is the full header

    https://pastebin.com/fFvrRNt3


    #10026083

    Support2
    Keymaster

    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.


    #10026096

    rukcs
    Participant

    Hi

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


    #10026099

    Support2
    Keymaster

    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.


    #10026208

    rukcs
    Participant

    All done thanks


Viewing 8 posts - 1 through 8 (of 8 total)