Hi i am looking for some help. I am using the below copied from this thread but the links are not active and do not show up on mobile. Their singular button option does show up on mobile but I'm not understanding why this multi-button option does not.
Single and multiple button options both do not seem to be actively linking either.
Can someone please help?
www.jouleseventeen.com/honey
<a href="https://jouleseventeen.com/video" class="t-button">VIDEO</a>
<a href="https://jouleseventeen.com/music" class="t-button button2">MUSIC</a>
<a href="https://jouleseventeen.com/books" class="t-button button3">BOOKS</a>
<a href="http://jouleseventeen.com/poemsonvideo" class="t-button button4">WORDS</a>
<a href="https://jouleseventeen.com/photo" class="t-button button5">PHOTO</a>
<style>
.t-button {
display: inline-block;
background: white;
color: black;
padding: .5em 2em;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
position: fixed;
top: 50%;
right: 0;
}
.button2 {
top: calc(50% + 50px);
}
.button3 {
top: calc(50% + 100px);
}
.button4 {
top: calc(50% + 150px);
}
.button5 {
top: calc(50% + 200px);
}
@media screen and (max-width:767px) {
.t-button {display: none !important;}
}
</style>