Add “open in new window icon” after menu item

  • Resolved Michael D

    (@michael-divine)


    4 years, 1 month ago

    I have been trying multiple ways to do this to no avail. Also, FWIW I have the pro version of this menu and like it a lot. The only problem is I can’t get the ‘open in new window’ icon like I want.

    I don’t want to use the icon sets that are included with responsive menu because they slow the site down – there’s a lot of extra loading for just the one icon.

    I’d like to add this:

    a[target="_blank"]::after {
  content:" " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
}

    so that the icon shows up AFTER the link in the menu. The code above works for everything else on the site.

    I’ve tried it in the custom css in Responsive Menu -> Settings -> Style
    I’ve tried it in my own style sheet trying to single out only the one menu item.
    I’ve tried it just in the header and the footer.

    Nothing.
    How can I get this to display in the menu item?

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @michael-divine,

    I need to talk to our developer regarding your requirements. I will get back to you as soon as I hear back from them.

    Thanks for reaching out to us.

    Kind regards,
    Kriti

    Thread Starter Michael D

    (@michael-divine)

    Thanks!

    Its our pleasure, Michael.

    Kriti

    expresstechsupport

    (@expresstechsupport)

    Hi Michael,

    Kindly check the response from our developer as below:

    As per the description you want to add the pseudo-class in the menu item but we are not allowing the pseudo-class on the nav menu item ‘a tag’.

    And if you want to restrict the icon set to load in the frontend then you can do it by enabling the respective settings from the setting page -> advanced.

    Instead of pseudo-class on a::after the tag. You can keep on the li.rmp-menu-item::after if required.

    We don’t have an option to set the target if menu item.

    If you wants to add/update the attribute of menu item then you can do the customization and use this filter

    apply_filters( ‘nav_menu_link_attributes’, $atts, $item, $args, $depth )`

    Let me know if this reolves your query or not.

    Regards,
    Kriti

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Add “open in new window icon” after menu item’ is closed to new replies.