Joomla Templates Club 406,261 posts

[dkaneloglou Friend dkaneloglouJoin date: October 2014Posts: 30Downloads:97Uploads:2 Thanks: 2]

#940514

Hello Is there a specific documentation on how to customize and create a menu using the mega menu of the argo template? I need to delete the dark background on mouse hover of the mega-menu Create columns Add some delay on changing the hover state. I mean when you do mouse hover show the submenu after some miliseconds. and on the mouse out also hide the submenu after some miliseconds

Also I want to delete the dark background when you mouse hover on the header-search position

Thank you

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#940650

Hi

Here is documentation for the mega menu settings and see the video tutorial in the same doc .
For animation kindly select an animation in the template options and u can see the duration tab in it .
To delete the bg color on search , add below code in custom.css file
/css/custom.css (create it if its not present )

.head-search .input:hover, .head-search .input:active, .head-search .input:focus, .head-search .inputbox:hover, .head-search .inputbox:active, .head-search .inputbox:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: trnasparent;
}

and change the values as per needs .
Hope it helps .

[dkaneloglou Friend dkaneloglouJoin date: October 2014Posts: 30Downloads:97Uploads:2 Thanks: 2]

#940721

Doesn´t change anything.
There is no input class in head-search.
I add the following
.mega-dim.active{opacity:0;display:none;}
but I am not fun of display none if its not neaded.
Can this div be removed (If it really complicated then it´s OK we leave it as it is)?

About the Megamenu I haven´t seen the icon at the top of the template…!
A new word open for me now!

Thank you

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#940730

Hi
about this code
.mega-dim.active{opacity:0;display:none;} but I am not fun of display none if its not neaded. Can this div be removed (If it really complicated then it´s OK we leave it as it is)?
I did not get your native language . kindly provide description of issue inside a screenshot so i can check your request .
For icon in the Menu , you can add the icon via Mega menu icon field .

[dkaneloglou Friend dkaneloglouJoin date: October 2014Posts: 30Downloads:97Uploads:2 Thanks: 2]

#941093

Hi,
sorry for my english,
there isnt any screenshot I can send. I will try again to explain.
I want to hide the background when you do mouse hover at the megamenu. The code you advised me didnt change anything.

I used the display: none css comand, assigned to the div: .mega-dim, but the best solution for my, would be not to have the tag in the generated code.. Is it possible? If it is complicated then it´s OK I leave it as it is, with the display:none.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#941291

Hi
I am not able to get your exact change , but as you said u tried display : none ;
that works correct because the style is already defined in the template.css file . If you will change it from that file it will override on template updates .
I suggest you to add this code in custom.css file and save it , it will not override on template updates .

[dkaneloglou Friend dkaneloglouJoin date: October 2014Posts: 30Downloads:97Uploads:2 Thanks: 2]

#941448

OK, I will do it this way.
Thank you

[Author]

Posts