Header / Logo link – is this possible?

  • timothyp

    (@timothyp)


    10 years ago

    Hi, I’m using Virtue Premium

    my site is here https://hand.handmadecrafthouse.co.uk

    I’d like to have the header banner (where it has the house logo, the “Handmade Craft House” and “welcome to home” bits) as a link button that will take the viewer back to the front page wherever they are in the site.

    I’ve tried doing this with the “Logo”, “Banner” and “header” options but to no avail… I end up with an extra banner beneath the secondary menu or with menus in very strange places.

    Is there any way to do this and keep the menus in exactly the same places that they are? I think its up to CSS wizardry, but i’m lost as how to do it.

    Any help would be vastly appreciated!

    Thanks! ??

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

  • Unfortunately CSS can’t be used to put in a link.

    I have Virtue Free and the logo with link on every page happened automatically for me, so it must be a feature on premium. Your theme is version 2.4.6 but the current version is 20+ steps ahead at 2.6.9 so consider updating. Hopefully that will fix the problem.

    hannah

    (@hannahritner)

    Hey timothyp, I don’t see your logo in the header? But as lorro said, linking back to the homepage is default in both free and premium versions of virtue. Should be fixed by updating.

    Hannah

    Thread Starter timothyp

    (@timothyp)

    Hi Hannah,

    My entire header image is my “logo”. (The tree, house, “Handmade Craft House” text and “welcome to home” text)

    I’ve updated the theme as you suggested. Whereabouts is the the option for linking back to the homepage?

    Thanks

    Tim

    The link is there already, but the click is captured by another element which is over it, because your logo is full width.

    We need to see the image and its not visible because the width of .kad-header-left is set to 0 in your custom css. Change it to 100%.

    .kad-header-left needs to be defloated so that .kad-header-right falls below and not over it.

    The height for .kad-header-right is set to 150px in your custom css. Either remove the height setting and it should revert to auto, or set it explicitly.

    So:

    .kad-header-left {width:100%; float:none}
.kad-header-right {height:38px}

    Thread Starter timothyp

    (@timothyp)

    Hi Lorro

    That’s made the link work! Brilliant!

    Just one last thing… how do I get the primary menu (“home, news, about us etc”) to go back to the top, just below the blue topper?

    Thanks

    Try this in your custom css:

    header
{position:relative}
.kad-header-right
{position:absolute; height:38px; top:34px; width:960px}

    but its out of its normal position there, so there may be unwanted side effects. Consider moving the search elsewhere and setting this menu as the topbar navigation.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header / Logo link – is this possible?’ is closed to new replies.