Button fixed position disable by cover option

[sw]

Hey!
I'have created a button ("selected work") on the side of my project page, that bring back to the project work page. I have add it manually on each project Gridder.

The button as position:fixed; and work on all the project page but not on these two, it 's seams that the cover option disable the position:fixed; of that button. Any idea how to fix it ?

http://www.simonwannaz.com/viceland/
http://www.simonwannaz.com/fox-college-basketball/

Second question, is it possible to add HTML code that would be only on the project pages, so it would appear on the page automatically ?

thanks for the help
S.

[arminunruh]

Hey sw!

Sorry for the late reply, maybe I have overlooked this post.

Hm you could remove the links "selected work" from all of your projects.

Then in "lay options" -> "custom html & css" -> "custom html at bottom" enter:

<a class="selectedwork _Default" href="http://www.simonwannaz.com/selectedwork/" data-type="page" data-id="87" data-title="selected work">selected work</a>

Now in "custom css for desktop"
do:

a.selectedwork{
    top: 50%;
    left: 0;
    position: fixed;
    transform: translateY(-50%) rotate(-90deg);
    display: block;
    z-index: 99;
}

Also put this into "custom css for desktop" if you want this link to only show up on project pages:

body.type-project a.selectedwork{
    display: block;
}

a.selectedwork{
    display: none;
}

Maybe you want to hide this for phone, so use this css for "Custom CSS for Mobile Version":

a.selectedwork{
display: none;
}