items: hover text color

More
1 year 9 months ago #66860 by Kleszewski
Hi
Mobile menu CK > Mobile menu > Level 1 items: hover > Font style : color:

I want to add a different color using the "Custom CSS" option
Because I have an older version of Mobile Menu CK (1.5.12)
And this option doesn't work here

How is the correct .css class to add a different color manually for:

Mobile menu > Level 1 items: hover

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

More
1 year 9 months ago - 1 year 9 months ago #66863 by Heino
Replied by Heino on topic items: hover text color
Witam,
for me it works as described...
www.joomlack.fr/en/documentation/mobile-...yle-your-mobile-menu

Override in your template
If you are a developper or if you have the CSS skills, you can create your own CSS file that will be used for your mobile menus (if no style is assigned in the interface).

You can copy and paste the file

plugins/system/mobilemenuck/default.txt
and place it in (2 solutions)

templates/YOURTEMPLATE/css/mobilemenuck.css
or

media/templates/site/YOURTEMPLATE/css/mobilemenuck.cs
Then you can edit the file and put your own CSS styles in it. You will find some tags into the file that look like that : |ID|[menu-bar], you must keep these tags and do not modify them or it may break the styles of the menu.


...and find: level1menuitemhover

Regards,
Heino

Page Builder CK Pro v3 +++ Template Creator Pro v5 +++ Tiny MCE +++ JCE
Browser: Brave (Chrome) +++ Waterfox (Mozilla)
Joomla! v5 +++ php v8.2.12 +++ mysql v8.0.35
Last edit: 1 year 9 months ago by Heino.

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

More
1 year 9 months ago #66893 by ced1870
Replied by ced1870 on topic items: hover text color
Hi
the css class can be used like that
Code:
[data-id="maximenuck118"] .mobilemenuck-item > .level1:hover a { color: #FF0000; }
but the best solution would be to have the latest version
CEd

Joomlack Webmaster and Developer

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

More
1 year 9 months ago - 1 year 9 months ago #66894 by Kleszewski
Replied by Kleszewski on topic items: hover text color
Waiting for your answer, I used the following code:
Code:
.mobilemenuck-item > .level1 a:hover { color:#FFF !important;}
It does what I wanted
But your solution is better, more accurate. But it doesn't make the text color change :)

but the best solution would be to have the latest version

I'll buy it someday.
Last edit: 1 year 9 months ago by Kleszewski.

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

Time to create page: 0.541 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 2621 guests and no members online