[Resolved] GP compatible image map plugin

Home Forums Support GP compatible image map plugin

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1362662
    DM

    Hi there!

    Is there a plugin for image mapping that you recommend for GP? I want to have a collage image with multiple clickable URLs.

    Also had another question on menus. Is there a built-in way to get the arrows next to the submenu to rotate sideways until moused over?

    Thanks!
    DM

    #1363269
    David
    Staff
    Customer Support

    Hi there,

    i am not sure about the image map plugin. Might be worth asking in our Facebook group.

    https://www.facebook.com/groups/generatepress

    For the submenu icons – try this CSS:

    .menu-item-has-children .dropdown-menu-toggle:before {
        transition: all 0.2s ease-in-out;
    }
    .menu-item-has-children:not(:hover) .dropdown-menu-toggle:before {
        transform: rotatez(-90deg);
        transition: all 0.2s ease-in-out;
    }
    #1364936
    DM

    Thank you, David!
    Is there also a way to make the submenu drop at the same time that the arrow rotates?

    Thanks again!
    Dawn

    #1365029
    David
    Staff
    Customer Support

    Try this so it rotates on click:

    .dropdown-click .menu-item-has-children.sfHover>a .dropdown-menu-toggle:before {
        content: "\f107" !important;
        transition: all 0.2s ease-in-out;
    }
    
    .menu-item-has-children:not(.sfHover) .dropdown-menu-toggle:before {
        transform: rotatez(-90deg);
        transition: all 0.2s ease-in-out;
    }
    #1365152
    DM

    Hi David.

    I appreciate your help. I’d like the arrow to rotate on hover (not on click) and also drop the submenu on hover.

    #1365302
    David
    Staff
    Customer Support

    Can you change the Navigation Dropdown to Hover in Customizer > Layout > Primary Navigation.

    #1366187
    DM

    Thanks, David!

    Your first response actually addressed my issue, but I had an underlying problem. The menu wasn’t responding as expected because the top row was interfering. Thanks so much!

    Dawn

    #1366298
    DM

    I wanted to follow up on creating image maps and let you know what I found. There are some great HTML generators for image maps. Upload the image and it will calculate the coordinates and generate the code 🙂 This was the best one that I found: https://www.zaneray.com/responsive-image-map/

    #1366444
    David
    Staff
    Customer Support

    Thats cool – thanks for sharing 🙂

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