Jump to content
rafarrc

[free top-menu] Free css Megadrop Menu

Recommended Posts

you should edit z-index of the div inside the css file of it,

 

I didn't try the code but it seems that there is a separate css file, so you should modify css part of #menu by adding a z-index value

ie:

#menu {

z-index:5;

.....

....

...

}

Share this post


Link to post
Share on other sites

you should edit z-index of the div inside the css file of it,

 

I didn't try the code but it seems that there is a separate css file, so you should modify css part of #menu by adding a z-index value

ie:

#menu {

z-index:5;

.....

....

...

}

 

 

I will try it.

 

Thanks!

Share this post


Link to post
Share on other sites

@rafarrc Thanks for sharing the free Mega Menu link. It's exactly what I was looking for.

 

add z-index: 100; position: absolute; to the menu.css file under #menu {

 

Now it works in front of the other modules. Works beautifully!

Mega menus are the future for good SEO and clean layouts. YAY!

 

like this:

#menu {
   z-index: 100;
   list-style:none;
width:940px;
margin:30px auto 0px auto;
height:43px;
padding:0px 20px 0px 20px;
position: absolute;

Share this post


Link to post
Share on other sites

I have had this in my site for a year now. Would someone PLEASE work with me and make this a simple module that will cache and if you have the kind time we make it populate just like the menu that comes with presta now the 1.5(the expandable one). It would be easy to do just rename the # and . classes. .... I have worked in and out of this menu modified it crazy but I always seem to come back to clean. If you add images like I once did to it without doing sprites (which is somewhat restraining) you are looking at a maybe too large of single images and if they are coming from your domain and not images.yoursite then you are really slowing down things in prestashop.

 

 

I will work with whomever on the project in the graphic and css department if only you will write the php. I am not too good at writing php from scratch but we all have our talents right.

 

I was so excited yet so deflated when I saw it was only the script that has been out for a couple of years. Its an excellent light weight script that most image phasing is coming from css gradients. Most browsers will run the css 3 gradients .... so far only IE for Vista keeps everything square and no gradients. You can't upgrade your ie if you have vista to an ie that supports css 3.

 

*****TIP TO WATCH OUT FOR

 

In the css code (original mega menu code) watch out for css div tags confusing the hierarchic of the css. Also, your main menu items are not special meaning that if you tweak them it will run down through the menu. It can get seriously confusing so be sure to make new and unique.

 

I am attaching my header.tpl where I put my code

the second part of the code is the css for the menu and ***special bonus**** facebook nested at the bottom with sign up for newsletter. The facebook is a visit my site only no 120k code that blobs on your .js ...man is all that code necessary for those facebook modules ??? they must have tracking code stuffed in there making money on stats I bet because all the facebook, twitter, etc modules just lie around like fat obese koala bears after the page show loads and continues for sometimes 5 or six seconds. BEWARE. The newsletter script requires you have the newsletter module at least installed one time and not deleted.

 

 

Ok so someone out there help me to make this module from this STRAIGHT CSS menu that is fast as lightning and I will clean up my code considerably if someone else wants to do this with me. So developers Lets hook up and literally HOOK UP(so witty presta humor gotta love it)

 

I estimate it will take a fast moving human coder 2.5 hours to do this with my help. We might even sell it in the module store. LOL not!!!! FREE for everyone bc I live off free code and we need to keep it moving for us working developers who work for a living and don't live off the cancer of society government hand outs.

 

 

DIRECTIONS ... ADD html code to your header.tpl file

Add CSS to your global.css file. You be done Mate! Yes it's only CSS

 

 

Here is your code

 

 

<div id="menu_wrap">

<ul id="menu">

<li class="home" style="border-radius:10px;"><a href="http://yoursite_find_and_replace_this/index.php" title="Sewing Machines, Embroidery Machines, Sergers Overlock Sewing Machines - Monogramming - ">Home</a></li>

<li><a href="http://yoursite_find_and_replace_this/10-machines" title="Sewing Machines, Embroidery Machines, Sergers Overlock">Machines</a>

<div class="dropdown_machines">

<div class="col_2">

<h3><span title="Sewing Quilting and Embroidery Machines by Brand">Machines by Brand</span></h3>

<ul>

<li><a href="http://yoursite_find_and_replace_this/210-janome-sewing-overlock-quilting-embroidery-machines" title="Janome Serging, Sewing, Quilting, and Embroidery Machines">Janome</a></li>

<li><a href="http://yoursite_find_and_replace_this/211-brother-sewing-overlock-quilting-embroidery-machines" title=" Brother Serging, Sewing, Quilting, and Embroidery Machine ">Brother</a></li>

<li><a href="http://yoursite_find_and_replace_this/212-juki-sewing-quilting-overlock-and-embroidery-machines" title=" Juki Serging, Sewing, Quilting, and Embroidery Machine ">Juki</a></li>

<li><a href="http://yoursite_find_and_replace_this/213-singer-sewing-quilting-overlock-and-embroidery-machines" title=" Singer Serging, Sewing, Quilting, and Embroidery Machine">Singer</a></li>

<li><a href="http://yoursite_find_and_replace_this/277-handi-quilter" title="Handi Quilter Serging, Sewing, Quilting, and Embroidery Machine">Handi Quilter</a></li>

<li><a href="http://yoursite_find_and_replace_this/278-babylock" title="BabyLock Serging, Sewing, Quilting, and Embroidery Machine">Babylock</a></li>

<div >Shop Machines by Price:</div>

<li> <a href="http://yoursite_find_and_replace_this/10-machines#/price-59-500">Price : $0-$500</a></li>

<li> <a href="http://yoursite_find_and_replace_this/10-machines#/price-500-1121">Price : $500-1000</a></li>

<li><a href="http://yoursite_find_and_replace_this/10-machines#/price-1000-2000"> Price $1,000 - $2,000</a></li>

<li><a href="http://yoursite_find_and_replace_this/10-machines#/price-2000-5000"> Price $2,000 - $5,000</a></li>

<li><a href="http://yoursite_find_and_replace_this/10-machines#/price-5000-25000"> Price $5,000 - $25,000</a></li>

</ul>

</div>

<div class="col_2">

<h3><a href="http://yoursite_find_and_replace_this/15-sewing-machines-quilting-machines" class="main_navLI" title="Sewing Machines ">Sewing Machines </a></h3>

<h3><a href="http://yoursite_find_and_replace_this/11-embroidery-machines" title="Embroidery Machines">Embroidery Machines</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/16-quilting-machines" title="Quilting Machines">Quilting Machines</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/14-serger-sewing-machines" class="main_navLI" title="Serger OverLock Sewing Machines">Sergers</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/13-industrial-and-commercial-sewing-machines" class="main_navLI" title="Industrial Sewing Machines">Industrial Sewing Machines</a></h3>

</div>

</div>

</li>

<li><a href="http://yoursite_find_and_replace_this/7-accessories-notions-supplies-for-sewing-and-embroidery-machines" title="Accessories, Notions, & Supplies">Notions & Supplies</a>

<!-- Begin 4 columns Item -->

<div class="dropdown_4columns">

<!-- Begin 4 columns container -->

<div class="col_2">

<h3><a href="http://yoursite_find_and_replace_this/23-sewing-embroidery-needles" title="Sewing & Embroidery Needles">Sewing & Embroidery Needles</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/135-sewing-and-embroidery-presser-feet" title="Sewing and Embroidery Presser Feet">Sewing and Embroidery Presser Feet</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/29-bobbins-pre-wound-bobbins-bobbin-thread" title="Bobbins - Pre-Wound Bobbins - Bobbin Thread">Bobbins - Pre-Wound Bobbin Thread</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/208-serger-presser-feet" title="Serger Presser Feet">Serger Presser Feet </a></h3>

<h3><a href="http://yoursite_find_and_replace_this/50-sewing-embroidery-books-and-cd-s" title="Sewing & Embroidery Books and CD's">Sewing & Embroidery Books and CD's</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/51-sewing-scissors" title="Sewing Scissors">Sewing Scissors</a></h3>

<h3></a> <a href="http://yoursite_find_and_replace_this/110-thread-stands" title="Thread Stands">Thread Stands </a></h3>

<div class="clear"> </div>

</div>

<div class="col_2">

<h3><a href="http://yoursite_find_and_replace_this/65-supplies-for-commercial-embroidery-machines" title="Supplies For Commercial Embroidery Machines">Supplies For Commercial Embroidery Machines</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/22-portable-tables-for-sewing-embroidery-and-quilting" title="Portable Tables for Sewing Embroidery and Quilting">Portable Tables for Sewing Embroidery and Quilting</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/111-steam-presses" title="Steam Presses"> Steam Presses </a></h3>

<h3><a href="http://yoursite_find_and_replace_this/140-carrying-cases-for-sewing-embroidery-and-quilting-machines" title="Carrying Cases for Sewing, Embroidery and Quilting Machines">Carrying Cases for Sewing

 

Machines</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/204-dress-forms" title="Dress Forms">Dress Forms </a></h3>

</div>

<div class="col_1 circleCCC">

<h3>Popular Brands</h3>

<ul>

<li><a href="http://yoursite_find_and_replace_this/7-accessories-notions-supplies-for-sewing-and-embroidery-machines/manufacturer-brother" title="Brother Sewing and Embroidery Supplies and Accessories">Brother</a></li>

<li><a href="http://yoursite_find_and_replace_this/7-accessories-notions-supplies-for-sewing-and-embroidery-machines/manufacturer-brother" title="Brother Sewing and Embroidery Supplies and Accessories">Brother

 

Quattro'</a></li>

<li> <a href="http://yoursite_find_and_replace_this/7-accessories-notions-supplies-for-sewing-and-embroidery-machines/manufacturer-singer" title="Singer Sewing and Embroidery Supplies and Accessories">Singer</a></li>

<li> <a href="http://yoursite_find_and_replace_this/7-accessories-notions-supplies-for-sewing-and-embroidery-machines/manufacturer-juki_sewing_machines" title="Juki Sewing and Embroidery Supplies and

 

Accessories">Juki</a></li>

<li><a href="http://yoursite_find_and_replace_this/7-accessories-notions-supplies-for-sewing-and-embroidery-machines/manufacturer-neb_threads" title="NEB Sewing and Embroidery Supplies and Accessories">NEB

 

Threads</a></li>

<li> <a href="http://yoursite_find_and_replace_this/7-accessories-notions-supplies-for-sewing-and-embroidery-machines/manufacturer-organ_needles" title="Organ Sewing and Embroidery Supplies and Accessories">Organ

 

Needles</a></li>

<li> <a href="http://yoursite_find_and_replace_this/7-accessories-notions-supplies-for-sewing-and-embroidery-machines/manufacturer-hem_line" title="Thread Pilot Sewing and Embroidery Supplies and Accessories">Hem

 

Line</a></li>

<li> <a href="http://yoursite_find_and_replace_this/7-accessories-notions-supplies-for-sewing-and-embroidery-machines/manufacturer-thread_pilot" title="Thread Pilot Sewing and Embroidery Supplies and Accessories">Thread

 

Pilot</a></li>

<li> <a href="http://yoursite_find_and_replace_this/7-accessories-notions-supplies-for-sewing-and-embroidery-machines/manufacturer-snap_o_matic" title="Snap-o-matic Sewing and Embroidery Supplies and

 

Accessories">Snap-o-Matic</a></li>

</ul>

</div>

</div>

</li>

<!-- End 4 columns container -->

<!-- End 4 columns Item -->

<li><a href="http://yoursite_find_and_replace_this/207-embroidery-hoops-and-stabilizer-backing" class="main_navLI" >Embroidery Supplies</a>

<!-- Begin 5 columns Item -->

<div class="dropdown_5columns">

<!-- Begin 5 columns container -->

<div class="col_2">

<h3><a title="Embroidery Hoops for Brother Singer Janome Phaff Viking BabyLock and Singer" href="http://yoursite_find_and_replace_this/20-embroidery-hoops">Embroidery Hoops</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/19-embroidery-stabilizers-shop-all">Embroidery Stabilizer Backing</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/2-sewing-embroidery-threads"> Embroidery Thread</a></h3>

</div>

<!-- End 5 columns container -->

</li>

<!-- End 5 columns Item -->

<li><a href="http://yoursite_find_and_replace_this/8-quilting-corner" class="main_navLI" title="Quilting Corner">Quilting</a>

<!-- Begin 5 columns Item -->

<div class="dropdown_5columns">

<!-- Begin 5 columns container -->

<div class="col_2">

<h3><a href="http://yoursite_find_and_replace_this/16-quilting-machines" title="Quilting Machines">Quilting Machines</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/209-long-arm-quilting-machines" title="Long Arm Quilting Machines">Long Arm Quilting Machines</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/60-quilting-frames-and-tables" title="Quilting Frames and Tables">Quilting Frames and Tables</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/62-quilting-bundles" title="Quilting Bundles">Quilting Bundles</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/63-quilting-accessories-supplies-notions" title="Quilting Accessories Supplies & Notions">Quilting Accessories Supplies & Notions</a></h3>

</div>

</div>

<!-- End 5 columns container -->

</li>

<li><a href="http://yoursite_find_and_replace_this/9-sewing-machine-cabinets-furniture" class="main_navLI" title="Sewing Cabinets and Sewing Furniture">Sewing Cabinets </a>

<!-- Begin 5 columns Item -->

<div class="dropdown_2columns">

<!-- Begin 5 columns container -->

<div class="col_2">

 

 

 

<!-- **************you can use images from your cats with the example below. if you do that set height to 45px or something like that you can figure it out pretty easy remember align left*******************-->

 

 

<h3> <img src="http://yoursite_find_and_replace_this/1555-small/florie-white.jpg" alt="Florie Pistachio Green Sewing Machine Cabinet" align="left" />

 

</a> <a href="http://yoursite_find_and_replace_this/9-sewing-machine-cabinets-furniture" title="Sewing Machine Cabinets & Furniture">Sewing Machine Cabinets & Furniture</a></h3>

 

 

<ul>

<li> <a href="http://yoursite_find_and_replace_this/40-koala-sewing-cabinets" title="Koala Sewing Cabinets">Koala Sewing Cabinets</a></li>

<li> <a href="http://yoursite_find_and_replace_this/41-arrow-kangaroo-sewing-cabinets" title="Arrow Kangaroo Sewing Cabinets">Kangaroo Sewing Cabinets</a></li>

<li> <a href="http://yoursite_find_and_replace_this/151-arrow-sewing-cabinets" title="Arrow Sewing Cabinets">Arrow Sewing Cabinets</a></li>

<li> <a href="http://yoursite_find_and_replace_this/42-perfexion-sewing-cabinets" title="Perfexion Sewing Cabinets">Perfexion Sewing Cabinets</a></li>

<li> <a href="http://yoursite_find_and_replace_this/190-brother-extension-table-collection" title="Brother Extension Table Collection">Brother Extension Table Collection</a></li>

</ul>

</div>

</div>

</li>

<!-- End 5 columns Item -->

<li class="menu_right"><a href="http://yoursite_find_and_replace_this/6-embroidery-software-hardware" class="main_navLI" >Software</a>

<!-- Begin 3 columns Item -->

<div class="dropdown_3columns align_right">

<!-- Begin 3 columns container -->

<div class="col_2">

<h3><a href="http://yoursite_find_and_replace_this/6-embroidery-software-hardware" title="Embroidery Software & Hardware">Embroidery Software & Hardware</a></h3>

<ul>

<li > <a href="http://yoursite_find_and_replace_this/34-embroidery-lettering-fonts-and-monogram-software-program" title="Embroidery Lettering, Fonts, and Monogram Software Program">Embroidery, Lettering, Fonts, and

 

Monogram Software</a></li>

<li > <a href="http://yoursite_find_and_replace_this/39-embroidery-card-boxes" title="Embroidery Card Boxes">Embroidery Card Boxes</a></li>

<li > <a href="http://yoursite_find_and_replace_this/48-embroidery-design-and-digitizing-software" title="Embroidery Design and Digitizing Software">Embroidery Design and Digitizing Software</a></li>

<li > <a href="http://yoursite_find_and_replace_this/49-embroidery-editing-resizing-and-conversion-software" title="Embroidery Editing Resizing and Conversion Software">Embroidery Editing Resizing and Conversion

 

Software</a></li>

</ul>

</div>

<div class="col_2">

<h3></a> <a href="http://yoursite_find_and_replace_this/66-embroidery-software-by-brand" title="Embroidery Software by Brand">Embroidery Software by Brand</a></h3>

<ul>

<li > <a href="http://yoursite_find_and_replace_this/141-brother-embroidery-software" title="Brother Embroidery Software">Brother Embroidery Software</a></li>

<li > <a href="http://yoursite_find_and_replace_this/142-singer-embroidery-software" title="Singer Embroidery Software">Singer Embroidery Software</a></li>

<li > <a href="http://yoursite_find_and_replace_this/143-janome-embroidery-software" title="Janome Embroidery Software">Janome Embroidery Software</a></li>

<li > <a href="http://yoursite_find_and_replace_this/144-floriani-embroidery-software" title="Floriani Embroidery Software">Floriani Embroidery Software</a></li>

<li > <a href="http://yoursite_find_and_replace_this/145-monogram-wizard-plus-embroidery-software" title="Monogram Wizard Plus Embroidery Software">Monogram Wizard Plus Embroidery Software</a></li>

<li > <a href="http://yoursite_find_and_replace_this/146-amazing-designs-embroidery-software" title="Amazing Designs Embroidery Software">Amazing Designs Embroidery Software</a></li>

<li > <a href="http://yoursite_find_and_replace_this/148-generations-embroidery-software" title="Generations Embroidery Software">Generations Embroidery Software</a></li>

<li class="last"> <a href="http://yoursite_find_and_replace_this/149-buzz-tools-embroidery-software" title="Buzz Tools Embroidery Software">Buzz Tools Embroidery Software</a></li>

</ul>

</div>

</div>

<!-- end inner white -->

<!-- End 3 columns container -->

</li>

<li class="menu_right"><a href="http://yoursite_find_and_replace_this/2-sewing-embroidery-threads">Threads</a>

<div class="dropdown_1column align_right">

<div class="col_2">

<h3><a href="http://yoursite_find_and_replace_this/28-embroidery-threads">Embroidery Threads</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/31-thread-collections-and-samplers" title="Thread Collections and Samplers">Thread Collections and Samplers</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/197-threads-by-brands" title="Threads by brands">Thread by Brand</a></h3>

<h3><a href="http://yoursite_find_and_replace_this/101-bobbin-thread" title="Bobbin Thread">Bobbin Thread</a></h3>

</div>

<div class="col_2 circleCCC">

<h3>Popular Brands</h3>

<ul>

<li><a href="http://yoursite_find_and_replace_this/107-sulky-thread" title="Sulky Thread">Sulky Thread</a></li>

<li><a href="http://yoursite_find_and_replace_this/109-madeira-thread" title="Madeira Thread">Madeira Thread</a></li>

<li><a href="http://yoursite_find_and_replace_this/206-brother-threads" title="Brother Threads">Brother Threads</a></li>

</ul>

</div>

</li>

</ul>

<!-- End menu UL -->

<!-- End menu wrap -->

</div>

<!--PRODUCTS MENU END -->

<!--start specials menu under main menu -->

<!-- <div id="specials">

<a href="http://yoursite_find_and_replace_this/content/12-brother-free-gift-card-" title="Brother Year End Financing Special On Select Machines 0% - Free Gift Card">Brother Year End Financing Special On Select Machines 0% - Free Gift

 

Card</a>

</div> -->

<!--start specials menu under main menu -->

<div id="newsletter_top">

<div id="newsletter_top_left"> Newsletter Sign Up

<form action="http://yoursite_find_and_replace_this/" method="post">

<input class="inputNew" onfocus="javascript:if(this.value=='your e-mail')this.value='';" onblur="javascript:if(this.value=='')this.value='your e-mail';" type="text" name="email" value="your e-mail" size="18" />

<input type="submit" name="submitNewsletter" value="GO" />

<input type="hidden" name="action" value="0" />

</form>

</div>

<div id="newsletter_social"> <a href="http://www.facebook.com/pages/The-Sewing-and-Vacuum-Center-wwwicanhelpsewcom-Since-1980/189388754417441?sk=info">Visit us FaceBook</a> </div>

</div>

css_to_place_in_your_global_css_file.css

Edited by chipslay (see edit history)

Share this post


Link to post
Share on other sites

hi dear chipslay

could you use this menu as a module for prestashop 1.5 ?

 

if yes i appreciate you if please help me ( and users like me ) to use this Mega Menu for our shops by an step by step torurial .

 

i read above posts but i couldnt underestand what exactly i must do to integrate this menu to my prestashop or how i can replace this new menu to last prestashop menu.

 

i will waiting for you responce.

 

many thanks

  • Like 1

Share this post


Link to post
Share on other sites

Would love to see this turned into a module aswell!

 

I've spent the last hour having a play with it, trying to follow chipslay's instructions but only had partial success. I was having CSS issues with mine (added the css stuff to globals, but it was being over written and breaking alignment)

Share this post


Link to post
Share on other sites

Would love to see this turned into a module aswell!

 

I've spent the last hour having a play with it, trying to follow chipslay's instructions but only had partial success. I was having CSS issues with mine (added the css stuff to globals, but it was being over written and breaking alignment)

 

i trying to use this Menu as a module and it done partly.when it done complitly i will share it with you.

 

i couldnt use chipslay instruction too , but i used the menu without changing the main css. try too use this instruction nanolimit :

 

attach the menu html to Header.tpl. put the html code in header DIV and you can make new div and put it somewhere else..

 

copy the css codes in your global css , and your manu will work...if it doesnt work try to attach the CSS file in top of your header.tpl and put the css file in theme css folder....

 

it doesnt need to change the CSS codes , the main css will work without problem,you may need to change z-index property only.

  • Like 1

Share this post


Link to post
Share on other sites

Thanks for the reply raven, I've just given it another go and got it working this time.

 

I ended up editting blocktopmenu instead of the header.tpl as I found it abit easier to work with. Only changes I ended up having to make to the .css file was changing the offset on #menu

 

How it ended up looking:

gotit.png

  • Like 1

Share this post


Link to post
Share on other sites

Thanks for the reply raven, I've just given it another go and got it working this time.

 

I ended up editting blocktopmenu instead of the header.tpl as I found it abit easier to work with. Only changes I ended up having to make to the .css file was changing the offset on #menu

 

How it ended up looking:

 

 

cool! you did it as well !

 

you said you edited blocktopmenu. have you access to blocktopmenu module from admin panel for adding items to your menu ? or you remove all the previous codes of blocktopmenu module ?

Share this post


Link to post
Share on other sites

No admin access to update the header, just have to upload blocktopmenu when changes are made which im fine with at this point as for me atleast the menu won't be changing very often.

 

Is there an easy way to attach existing blocks into the new topmenu? I'm trying to add in quicksearch/ cart/ login into the menu but can't seem to find a method in attaching. I've tried using something like {include php"$tpl./modules/blockmanufacurers/blockmanufacurers.tpl"} (not the exact code, can't remember off the top of my head) which don't work complete, it creates the correct layout in the drop down menu but returns an empty response (no items found)

Edited by nanolimit (see edit history)

Share this post


Link to post
Share on other sites
No admin access to update the header, just have to upload blocktopmenu when changes are made which im fine with at this point as for me atleast the menu won't be changing very often. Is there an easy way to attach existing blocks into the new topmenu? I'm trying to add in quicksearch/ cart/ login into the menu but can't seem to find a method in attaching. I've tried using something like {include php"$tpl./modules/blockmanufacurers/blockmanufacurers.tpl"} (not the exact code, can't remember off the top of my head) which don't work complete, it creates the correct layout in the drop down menu but returns an empty response (no items found)

 

the better way is to create new hook @ top and transplant the top menu and other modules to it ;-)

Share this post


Link to post
Share on other sites

I'm attempting to use this on my site (I've tried the code in the header.tpl/global.css and also in the existing blocktopmenu module) but wherever I try the codes, they alter the width of my site and push everything around.

 

I've modified the codes so many times but I can't get it to intergrate correctly size wize along with the other modules I have installed :/

Share this post


Link to post
Share on other sites

Hello,

I use these instructions for a mega drop menu in my website but I have a problem with word with no submenu...

How can I change or add in global.css for no hover effect for only some words with no dropmenu in my megamenu?

 

 

Excuse me for my poor english, you can see the problem in my site here (example on 'home' or 'novità' etc.. words):

http:/www.castaliacosmetics.com/shop

Edited by Castalia (see edit history)

Share this post


Link to post
Share on other sites

hi rafarrac I want to use Mega menu . i am new in prestashop how to change this please help me . my website is swayamindia.com

i want to use mega menu .please help me please.................

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More