Solved

Image Disabling Home Icon Link

Posted on 2012-12-31
2
237 Views
Last Modified: 2013-01-01
I'm trying to understand how to bring the HOME button on the right to the foreground in the Jquery Mobile  header bar.  The Legends logo is disabling the home link.  Here is my website -
    http://test2.dfigdesign.com
0
Comment
Question by:danfiggolf
2 Comments
 
LVL 4

Accepted Solution

by:
jmdl1983 earned 500 total points
ID: 38733457
You could try assigning a high z-index value to your button.

<a href="http://test2.dfigdesign.com/" title="cafe" rel="home" data-icon="home" class="ui-btn-right">Home</a>

Open in new window


so in the style:

 .ui-btn-right{z-index:9999;} 

Open in new window

0
 

Author Comment

by:danfiggolf
ID: 38733474
Thanks for the suggestion, for I did try this .ui-btn-right{z-index:9999;}
to over-ride this with no luck:
#site-logo {
    background-color: transparent;
    background-image: url("wplogo.png");
    background-position: 45px -17px;
    background-repeat: no-repeat;
    display: block;
    height: 89px;
    position: relative;
    z-index: 9998;
}
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo‚Ķ
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question