Skip to main content
D
duenorth09
Participating Frequently
April 24, 2017
Answered

Logo link not working and font icons now showing up

  • April 24, 2017
  • 2 replies
  • 1539 views

I have two issues. I will preface this by saying my client wanted a certain bootstrap template. But then decided to have me change about 95% of it! I SHOULD just start from scratch but so far into it - I may redo it when I have time. But my issues are:

1) I want to use the logo as a link back to index.html. It's coded properly, but I am not able to click on it. Do I need to change the z-index maybe?

2) The template used fontawesome. When you adjust the browser window smaller, the typically 'hamburger' icon is missing. In fact, other icons throughout the site are not showing up either. I've checked all files are on server, but maybe in the course of changing sitewide styles (due to the extensive theme changes) I may have screwed something up? Thanks in advance.

See  link below.

Forget-Me-Not Fund: Dedicated to Alzheimer's Education, Awareness & Research

This topic has been closed for replies.
Correct answer Nancy OShea

Logo link works for me.  Clear your browser's cache and try again.  Or try it with a different browser.

Font Awesome icons require a link to the Font Awesome library.  I don't see one in your <head> tag.

Nancy

2 replies

O
osgood_
Legend
April 24, 2017

Yes, z-index - add it to your css selector:

.main-header .lower-section .logo {

    position: relative;

    float: left;

    padding: 12px 0px;

    z-index: 1000;

}

Incidentally how do you work with garbage coding like this? It would drive me to suicide, no kidding. I'd rather stick pins in my eyes than work like that.

O
osgood_
Legend
April 24, 2017

Younhave 2 links to the same Bootstrap version:

<link href="css/bootstrap.css" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />

and this junk in your css file (lots of it). Its complete trash the •••••• coding is complete trash.

@import url('file:///Macintosh HD/Users/tbruck/Library/Caches/TemporaryItems/Adobe/Dreamweaver CC 2017/font-awesome.css');

@import url('file:///Macintosh HD/Users/tbruck/Library/Caches/TemporaryItems/Adobe/Dreamweaver CC 2017/animate.css');

@import url('file:///Macintosh HD/Users/tbruck/Library/Caches/TemporaryItems/Adobe/Dreamweaver CC 2017/owl.css');

@import url('file:///Macintosh HD/Users/tbruck/Library/Caches/TemporaryItems/Adobe/Dreamweaver CC 2017/jquery.mCustomScrollbar.min.css');

@import url('file:///Macintosh HD/Users/tbruck/Library/Caches/TemporaryItems/Adobe/Dreamweaver CC 2017/jquery.fancybox.css');

@import url('file:///Macintosh HD/Users/tbruck/Library/Caches/TemporaryItems/Adobe/Dreamweaver CC 2017/hover.css');\

.page-outer-container{

position:relative;

width:100%;

padding:0px 0px;

background:#1c1c1c url(file:///Macintosh%20HD/Users/tbruck/Library/Caches/TemporaryItems/Adobe/images/background/bg-pattern.jpg) left top repeat;

}

.main-menu .navigation > li > a:before{

content:'';

position:absolute;

left:0px;

top:0px;

width:100%;

height:10px;

background:url(file:///Macintosh%20HD/Users/tbruck/Library/Caches/TemporaryItems/Adobe/images/icons/active-bars-icon.png) center top no-repeat;

opacity:0;

-webkit-transition: all 500ms ease;

-ms-transition: all 500ms ease;

-o-transition: all 500ms ease;

-moz-transition: all 500ms ease;

transition: all 500ms ease;

}

.main-menu .navigation li.dropdown .dropdown-btn{

position:absolute;

right:10px;

top:6px;

width:34px;

height:30px;

border:1px solid #ffffff;

background:url(file:///Macintosh%20HD/Users/tbruck/Library/Caches/TemporaryItems/Adobe/images/icons/submenu-icon.png) center center no-repeat;

background-size:20px;

cursor:pointer;

z-index:5;

display:none;

-webkit-border-radius:3px;

-ms-border-radius:3px;

-o-border-radius:3px;

-moz-border-radius:3px;

border-radius:3px;

}

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
April 24, 2017

Good catch.

It looks like the OP is not working in a defined local site folder -- evidenced by all the incorrect link paths to files on the hard drive.

file:///Macintosh%20HD/Users/tbruck/

When documents are saved & the site is defined properly, link paths should resolve to assets in the local site folder.

Nancy

Nancy O'Shea— Product User & Community Expert
Nancy OShea
Community Expert
Nancy OSheaCommunity ExpertCorrect answer
Community Expert
April 24, 2017

Logo link works for me.  Clear your browser's cache and try again.  Or try it with a different browser.

Font Awesome icons require a link to the Font Awesome library.  I don't see one in your <head> tag.

Nancy

Nancy O'Shea— Product User & Community Expert
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices