Image Disabling Home Icon Link

danfiggolf
danfiggolf used Ask the Experts™
on
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
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
View Solution Only
Commented:
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

danfiggolf

Author

Commented:
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;
}

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial