External link buttos not working

Support Area Forums Foxy External link buttos not working

Viewing 6 posts - 1 through 6 (of 6 total)
URL to the page in question:
  • Author
    Posts
  • #6621
    Stefania Casagrande
    Participant

    Hi, I’ve created some custom button on the website menu, those button should link to some page of the company website but they are not working.

    I guess that the problem is on some css that is blocking the link, I’ve checked the page source and all the link are there…

    Here’s the link..
    http://www.bedogniegidio.it/BLOG/

    #6622
    Bill Robbins
    Moderator

    Thank you for your business first of all and I believe I can help you out. The invisible box that surrounds your logo is set to be a bit too big. It’s actually overlaying the navigation items which is keeping them from being clicked. Here’s how to change it.

    1. Go to the appearance section and select edit to open up the theme editor.
    2. From the list of files on your right, choose style.css
    3. Look for this spot:
      
      #logo {
      	position: absolute;
      	top: 20px;
      	left: 0;
      	z-index: 1004;
      	width: 200px;
      	height: 405px;
      	margin-bottom: 50px;
      }
      

      and replace it with this:

      
      #logo {
      	position: absolute;
      	top: 20px;
      	left: 0;
      	z-index: 1004;
      	width: 200px;
      	height: 151px;
      }
      

      and save your changes. That should let you click the links.

      If you have any trouble, let me know.

      Thanks again,
      Bill

    #6623
    Stefania Casagrande
    Participant

    Thx Bill, now everything seems ok but in firefox osx the button are now just beyond the logo…

    Thx again and grats for the quick answer!!

    #6624
    Bill Robbins
    Moderator

    Stefania,

    Just to make sure we’re seeing the same thing, this is what it looks like in Firefox for me:

    http://d.pr/i/sXsl

    If you need more space in the header there are a couple of options for you.

    1) We released an update to the theme since the version you’re using that changes how the logo is structured. It looks the same, but should make the spacing easier.

    2) The other option is to edit this spot in the style.css file:

    
    header {
    	position: relative;
    	z-index: 1002;
    	height: 30px;
    	margin-bottom: 112px;
    	overflow: visible;
    	background-color: transparent;
    	background-color: rgba(0, 0, 0, 0.84);
    }
    

    The margin-bottom: 112px; actually sets the height of the logo area. You can increase it to get more space for your logo.

    If you have any trouble, let me know,
    Bill

    #6626
    Stefania Casagrande
    Participant

    Hi Bill

    Here’s what I see

    http://d.pr/i/hGgD

    The problem is just on Firefox other browser seems ok.

    Raising the height value of the header will not change the size of the black bar at the top?

    thanks again

    #6627
    Bill Robbins
    Moderator

    It sounds odd, but changing the margin-bottom will set the height of the space. The height property sets the black bar height only.

    If you still have trouble, you might consider switching to the updated version. The way it handles the logo works better.

    Let me know if I can help,
    Bill

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘External link buttos not working’ is closed to new replies.