Support » Theme: Virtue » The mobile menu

  • Resolved jmuniz

    (@jmuniz)


    Hello,
    I would like to change the font color on the mobile menu when selecting or hovering over the mouse. I managed to change the color of the rolling list with CSS: “.headerclass # kad-mobile-nav ul.kad-mnav li a: hover {
    color: black;
    } “, But I can not change the flow of the name:” Menu “and” button of the drop-down list ”
    Thank you for your help

Viewing 10 replies - 1 through 10 (of 10 total)
  • Kevin

    (@jx-3p)

    Hey Jmuniz,

    Can you please share a link to your site so that I can work with this? I don’t think that there is really an option for mobile hover effects though.

    -Kevin

    Thread Starter jmuniz

    (@jmuniz)

    Hello Kevin,
    Thank you for answering me.
    The site is not yet online, but I am sending you the link so that you can see the problem :

    http://loustic.net/loustic

    Would it be possible to see the question I asked 3 weeks ago and 2 days from the underline of the main menu when an option is chosen?
    Subject: Underline the main menu option is on the subject list not resolved.
    Thanks again for your help

    Kevin

    (@jx-3p)

    1. I don’t think that there are any options for hover effects in mobile, since you have to tap with your finger. Can you link to an example of this effect so that I can be sure I’m understanding?

    2. As for the other request, I’m seeing an underline in the active menu item already. If you’re wanting other elements on the page underlined when viewing a certain page, I’m not sure how you could gain this correlation between a menu item and a piece of text on your site.

    Am I understanding that correctly?

    -Kevin

    Thread Starter jmuniz

    (@jmuniz)

    Hello Kevin,
    Thank you very much for your answer. I think I was not very clear.
    For the mobile menu: If you are on the mobile menu of my site, you will see that the options of the drop-down list change colors when the mouse moves. For this I used the following CSS:
    “.headerclass # kad-mobile-nav ul.kad-mnav li a: hover {
    Color: black;}. I would like to change the color of the name “MENU” and the color of the button that symbolizes mobile menu, at the passage of the mouse.

    For the second question: underline the chosen option of the main menu to avoid using plugins for the breadcrumb.
    For example: If you go to the site: http://www.loustic.net/loustic/projets/
    The Collaborative Projects option is underlined, but if you click on a project, for example: http://www.loustic.net/loustic/projets/wavemeup/
    The collaborative project option is no longer underlined, yet I am still in this option Collaborative projects. I would like this option to be highlighted until I choose another option from the main menu. Is it possible?

    Thanks again so much for your precious help.

    Kevin

    (@jx-3p)

    1. Here is some CSS that should allow you to change the color of the menu text and the icon:

    .nav-trigger-case .kad-menu-name {
        color: red;
    }
    .nav-trigger-case .kad-navbtn {
        color: red;
    }

    Place in Theme Options> Advanced Settings and change the “red” to whatever color you want.

    2. Ah I see. This can be achieved by going into the page edit screen for the pages that are under “Collaborative Projects,” and assigning “Collaborative Projects” to be the parent page for each one that you’d like the underline to show up under. Then add this CSS in your custom CSS box:

    li.current-page-ancestor {
        text-decoration: underline;
    }

    Let me know how this works for you.

    -Kevin

    Thread Starter jmuniz

    (@jmuniz)

    Hello Kevin,
    Thank you very much for your reply and excuse me for not answering you as late.
    For the underscoring of the main menu has worked very well. I created a page “collaborative projects” and I put it as parent page, because before was just a personalized link.
    For the mobile menu did not work, because I wanted to change the color when passing the mouse over it.
    I tried several CSS like for exemple:
    .nav-trigger-case .kad-navbtn a: hover {color: # 000000;
    .nav-trigger-case .kad-menu-name to: hover {color: # 000000;
    # Mobile-nav-trigger button.nav-trigger-case span.kad-navbtn a: hover {
    Color: # 000000;}
    But it does not work, am I wrong?
    thank you very much for your support

    -Jmuniz

    Kevin

    (@jx-3p)

    I’m actually not sure if this is possible. Hover effect on mobile isn’t something I’m familiar with, and I’m having a difficult time finding CSS on the web that will do this.

    Can you link to a site that is using this functionality so that I can try to duplicate it from a live example?

    -Kevin

    Thread Starter jmuniz

    (@jmuniz)

    Hello Kevin,
    The hover effect I am talking about is on a PC or computer when you select adaptive view (with firefox – CTRL + SHIFT + M) or another naviagator. The effect on the tablets/smartphones is when you touch with your finger.
    If you go to http://loustic.net/loustic and you change the size of your screen for tablets/smartphones, you will see that I can change the color of the font when I pass the mouse over on the Options of the dropdown menu. But on the name “MENU” and the button it is not possible. Thank you very much for taking your time to answer me.

    Thanks a lot,
    -Jmuniz

    Kevin

    (@jx-3p)

    Try this CSS:

    #mobile-nav-trigger .nav-trigger-case:hover .kad-menu-name, #mobile-nav-trigger .nav-trigger-case:hover .kad-navbtn {
        color: black;
    }

    Let me know if that works for you.

    -Kevin

    Thread Starter jmuniz

    (@jmuniz)

    Hello Kevin,
    It works !
    Thanks again for your excellent support !

    Thanks a lot,

    -Jmuniz

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘The mobile menu’ is closed to new replies.