Website Main Logo – Goran Theme

• 

  chrmarketing · Member · Oct 15, 2015 at 3:31 pm

  • Copy link
  • Add topic to favorites

  Hi, I’m seeing if there’s a capability with the logo that exists int header area throughout the website, to have it redirect to a different URL other than it always return to the home page?

  Would like it to redirect this way on every web page on the site.

  Thanks and hear back.

  The blog I need help with is: (visible only to logged in users)

• 

  ehtis · Staff · Oct 16, 2015 at 4:51 am

  • Copy link

  Hi there,

  CSS can’t be used to add links, as it’s just for styling. There is, however, one ‘hacky’ method, where an existing link on a page can be moved on top of the logo so that when it’s clicked, it’ll point to the new link.

  In our case, we can use a menu item and move it over the logo. I’m using “Blog” link as an example from your blog.

  First, right-click the menu item “Blog” and select “Inspect Element”. In the window that opens, you’ll see a class named “menu-item-422” selected; we’re going to use this in our selector. Use the following code, it’ll move “Blog” on top of the logo and cover it entirely:

  .menu-item-422 a {
      bottom: -70px;
      height: 120px;
      position: absolute;
      right: 630px;
      text-indent: -999px;
      transition: none;
      width: 500px;
  
      background-color: white;
      opacity: 0.4;
  
  }
  .menu-item-422 a:hover {
      border: none;
  }

  You’ll see a white box covering the logo, now pointing to “Blog” URL rather than home page.

  Now, create a new link menu item, give it the desired URL, find its .menu-item-xxx and use the above code to move it. Don’t forget to remove background-color and opacity attributes—I put them in just to give a visual demo.