How to get image to float on the left edge of browser screen?

  • 19 December 2019
  • 1 reply
  • 51 views

Badge

Here is a screenshot inside the editor. https://www.screencast.com/t/0BXjcA1i
I would like this transparent arrow to float on the left side of browser window. For either fixed or scrolling…
What would be the CSS solution to this? Thanks so much!


1 reply

Badge

I just answered my own question!
http://unbouncepages.com/prostate-cancer-proton-therapy/

<style>
  #lp-pom-image-50 {
    left: 0px;
    top: 182px;
    width: 100%;
    height: 761px;
    z-index: 1;
    opacity: 0.8;
    overflow:hidden;
    min-width:370px;
    position: fixed;
}
#left {
    float:left;
    margin:0px;
    height:761px;
}
</style>

Reply