Issue at hand: I have created a logo file named .art-obj1631017189 and I am looking to fix its position. It appears to work fine, but when scrolling down and it encounters the content section, my object falls behind the content (item-layout).
I desire to have my element always stay in front even as I scroll downwards.
Any suggestions on how to achieve this?
.art-object1631017189
{
display: block;
left: 22.16%;
margin-left: -40px;
position: fixed;
top: 0px;
width: 184px;
height: 209px;
background-image: url('images/object1631017189.png');
background-position: 0 0;
background-repeat: no-repeat;
z-index: 4;
}
Appreciate any solutions you could provide. Thank you.