How to add a custom url to icon in topbar

  • Resolved daniellejoy

    (@daniellejoy)


    10 years, 6 months ago

    Hello,

    I have an icon in the topbar (it’s a .gif image that I uploaded myself) and I would like it to redirect to a different site. How do I add a custom url to this icon so it redirects?

    My site is https://www.daniellejoy.org, but it’s currently on a “Coming Soon” page so you won’t be able to see what I’m talking about. I trust, however, that I have informed you sufficiently for you to answer my question.

    Thanks in advance,

    Joy

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

  • Hi there,

    I’ve been customising my site for Virtue over the past few days, maybe this helps.

    Appearance > Theme Options > Topbar Settings > Topbar Icon Menu
    If that is where you uploaded your own icon, then you would just put the URL in the box that says “Icon Link”

    Do you mean this? I’m not sure if that’s what you mean by “redirects”

    You can put any URL in that box, at the moment on my site mindgarden.me I have social icons and my navigation on the top bar.

    You can also make the link open in a new tab or window by clicking the checkbox:

    “Open Link in New Tab/Window”

    Kadence Themes

    Thread Starter daniellejoy

    (@daniellejoy)

    Thank you both for your reply. The problem, however, is that when I use the “icon link” option it will link to a page of my site. Example:

    My site is https://www.daniellejoy.org. If I use the “icon link option” and fill in https://www.daniellejoy.nl it will link to https://www.daniellejoy.org/daniellejoy.nl.

    I want it to link to the website https://www.daniellejoy.nl (which is an entire different website) and I don’t want it to open in a new tab/window.

    Does anyone know how to do this? Thanks in advance for your help.

    You have to make sure your link has https:// at the beginning when you add it to your link box.

    Kadence Themes

    Thread Starter daniellejoy

    (@daniellejoy)

    OK, thanks. That’s probably where I went wrong. I figured out another way to do it as well. For those who may read this to solve a problem similar to this:

    1. Click “Add New Post”.
    2. Upload the desired icon.
    3. Link the icon to the desired website.
    4. Copy the HTML code.
    5. Past the HTML code in the “Description” of the Icon under “Appearance>Topbar Settings>Topbar Icon Menu.

    Et voila!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to add a custom url to icon in topbar’ is closed to new replies.