Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #26563

    Ive spent the latter part of my day trying to get this to work but to no avail. I’m trying to have the seal fixed on the bottom right of the screen, but it needs to show on top of everything else when resized. To duplicate this problem, on http://www.isovape.com, if you resize it to half the screen size, it shows under the main content. Any way to get it to show on top of everything else and work on different browsers?

    I’ve placed this in my footer.php right before the </body> tag:

    <div class=”ssl_seal”></div>

    here is my code in the custom.css:

    .ssl_seal {

    background:url(/wp-content/themes/abundance/images/icons/ssl-icon.png) no-repeat;

    position:fixed;

    height:100px;

    width:120px;

    margin:0 auto;

    right:0px;

    bottom:0px;

    z-index:1;

    }

    #130847

    Hi chardness,

    Normally this is outside what we can do via support but the fix should be pretty simple. The main content needs to have a zindex. So you need to add:

    .mobile_wrap {
    z-index: 1;
    }

    Then to be safe change your .ssl_seal to z-index: 2;

    Regards,

    Devin

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘floating ssl seal fixed on bottom right of screen’ is closed to new replies.