Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1113605

    Hi,

    How can I create a menu like this (images on the right side):
    https://www.ideal.de/

    And Change font colour on hoover?

    Thank you,
    Regards

    #1113831

    Hey lesargini,

    You would likely need custom CSS to achieve that, did you try to use the mega menu in the theme? We can help you out with minor changes if you should have problems creating something similar.

    Best regards,
    Rikard

    #1113863

    Hi Rikard,

    Yes we are using the mega menu and we have the links with images active. In private content are the login info. Any help with css would be really appreciated …

    Thank you,
    Regards

    #1114795

    Hi,

    Thank you for the update.

    You should probably move the menu items in the first mega menu column and then the image in the next one if you want to copy the menu layout of the previous site. We can then provide the necessary css to adjust the menu item and the image.

    The documentation should help. https://kriesi.at/documentation/enfold/mega-menu/#add-images-to-mega-menu

    Best regards,
    Ismael

    #1115144

    Hi Ismael,

    I managet to do that (see the drop down menu in Domov). How can I only display the image on the right only when hover over the link on the left (and change the link color on hover)?

    Thank you,
    Regards

    #1115343

    Hi,

    Thanks for the update, so you want the image on the right to only be visible when hovering over the text on the left? I’m guessing you would want to add more items of text to the left and have a different image for each item? If that is the case then I’m not sure if it would be possible unfortunately.

    Best regards,
    Rikard

    #1115372

    Hi Rikard,

    Yes that was the original idea. How about changing the link color on hover and making the current selection of link a different color?

    Thank you,
    Regards

    #1115703

    Hi,

    Thank you for the update.

    You can use this css code to change the link color on hover.

    #top #header .mega_menu_title:hover a {
        color: red;
    }
    

    Best regards,
    Ismael

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