Top menu nav hover

More
3 years 5 months ago #9123 by cstech
cstech created the topic: Top menu nav hover
Hello, first thank you for this great template

Please it is possible to have a circle on hover the link of the menu?

Thank you in advance and sorry for my english :(

Please Log in or Create an account to join the conversation.

More
3 years 5 months ago #9127 by marcin
marcin replied the topic: Top menu nav hover
Hello,

Thank you for your kind words.
I am not sure what effect you want to achieve.
Could you give me a live example or a screenshot presenting the effect?

Regards,
Marcin

Please Log in or Create an account to join the conversation.

More
3 years 5 months ago #9138 by cstech
cstech replied the topic: Top menu nav hover
Hello Marcin,

I don't find a live example!

The effect I want to achieve is: active link and hover link in the top menu nav.
I wish to have the icon of the menu will be inside a cercle when the link is active or hovered.

Regards,
Djebbar

Please Log in or Create an account to join the conversation.

More
3 years 5 months ago #9139 by marcin
marcin replied the topic: Top menu nav hover
Do you mean something like that?



Regards,
Marcin
Attachments:

Please Log in or Create an account to join the conversation.

More
3 years 5 months ago #9141 by cstech
cstech replied the topic: Top menu nav hover
Exact Marcin, but I wish to get this only when link is active or hovered

Please Log in or Create an account to join the conversation.

More
3 years 5 months ago #9142 by marcin
marcin replied the topic: Top menu nav hover
Hello,

You can try these styles:

.dj-main li a.dj-up_a span img {
padding: 10px;
margin-top: 22px;
border-radius: 50%;
}

.dj-main li.hover a.dj-up_a span img,
.dj-main li.active a.dj-up_a span img {
background: red;
}

.dj-main li a.dj-up_a span span.image-title {
line-height: 43px;
}

Insert them into the custom.less file as described here:
www.joomla-monster.com/blog/customizatio...sed-on-ef4-framework

Regards,
Marcin

Please Log in or Create an account to join the conversation.

Time to create page: 0.306 seconds

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2019 Joomla-Monster.com All rights reserved.

Joomla-Monster.com and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.