Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 1, 2019 at 12:05 pm #1073088
    tcp5004

    i’m using enfold v4.5.2 with ‘max mega menu’ plugin.
    Is it possible to change text when mouse over on menu items?
    ex) AAA -> BBB

    thank you.

    March 1, 2019 at 12:08 pm #1073090
    Yigit

    Hi,

    Thanks for contacting us!

    I am not sure if i understood the changes you would like to make clearly. Could you please post a screenshot and show?

    Regards,
    Yigit

    March 1, 2019 at 2:22 pm #1073191
    tcp5004

    Hi, thank you for reply.
    I would like to change ‘English’ label to ‘Korean’ on mouse over.

    ex) BRAND -> 브랜드
    1. Navigation label ‘BRAND’ is normally display.
    2. This label changes to ‘브랜드’ (typed Description or Attribute option) when hover.
    Is it possible?

    I’m sorry I’m poor at English :)

    March 1, 2019 at 2:35 pm #1073200
    Yigit

    Hi,

    Please go to Appearance > Menus and insert your navigation labels as following

    
<span class="nonhover-menu">Contact</span><span class="hover-menu">Kontaktai</span>

    Then please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
    CSS Snippet:

    
.avia-menu-text:hover .nonhover-menu {
    display: none;
}

.avia-menu-text:hover .hover-menu {
    display: block;
}
.avia-menu-text .hover-menu {
    display: none;
}

    Best regards,
    Yigit

    March 1, 2019 at 2:50 pm #1073208
    tcp5004

    Thank you for your detailed reply.
    But it does not work. Link

    Both ‘contact’ and ‘kontaktai’ are displayed.

    March 1, 2019 at 3:01 pm #1073215
    Yigit

    Hi,

    Please change custom CSS code to following one

    .mega-menu-link:hover .nonhover-menu {
    display: none;
}

.mega-menu-link:hover .hover-menu {
    display: block;
}
.mega-menu-link .hover-menu {
    display: none;
}

    Best regards,
    Yigit

    March 1, 2019 at 3:03 pm #1073216
    tcp5004

    Great!!! It works perfectly.

    I’m using ‘max mega menu’ plugin.

    I used ‘.mega-menu-link’ instead of ‘avia-menu-text’.

    I’ll ask you one more thing.

    Is it possible position of other menu not move when label changes?

    See ‘BRAND’ menu.
    It changes language on mouse over, but triangle disappears and location of ‘submenu & the other primary menu ‘ changes.

    • This reply was modified 5 years, 9 months ago by tcp5004.
    March 4, 2019 at 9:04 am #1074233
    Nikko

    Hi tcp5004,

    I have checked the Brand menu and I don’t see it change language on mouse over or the triangle disappears.
    Can you provide a screenshot for that?

    Best regards,
    Nikko

    March 4, 2019 at 9:20 am #1074239
    tcp5004

    Hi Nikko,

    This site is in service and I did not apply it.
    I applied again now. Can you check it?

    SITE
    SCREENSHOT

    In addition, ‘RESERVATION’ menu will make it easier to understand.

    Thank you.

    • This reply was modified 5 years, 9 months ago by tcp5004.
    March 5, 2019 at 4:08 pm #1074941
    Nikko

    Hi tcp5004,

    Thanks for providing the screenshot however I couldn’t reproduce it on my end.
    I tested it with browsers like Chrome, IE11 and Edge and it doesn’t behave as what you have described.
    Can you try to flush out your browser cache? it might just be some caching issue.

    Best regards,
    Nikko

    March 6, 2019 at 4:41 am #1075237
    tcp5004

    This site is in service.

    Menu becomes strange when applied, I have removed code after 12 hours.

    I will apply it again now. (for 12 hours)

    Thank you.

    March 9, 2019 at 11:42 pm #1076850
    Mike

    Hi,
    Sorry for the late reply, are your custom menu labels in effect now? I was not able to trigger the effect with a mouse-over
    .

    Best regards,
    Mike

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.