Rohan1608
-
Posts
2 -
Joined
-
Last visited
1 Follower
Rohan1608's Achievements
Level 2 (2/20)
0
Reputation
-
Hide floating button on a particular page
Rohan1608 replied to Rohan1608's topic in Customize with code
Hi @tuanphan Thank you so much, this works perfectly! My apologies for the delayed response. -
Rohan1608 reacted to a post in a topic:
Hide floating button on a particular page
-
Hi I have added a floating button on my website using the code below, now I want to hide this on a particular page, how do I do it? Thanks in advance! <!-- HTML FOR BUTTON --> <div id="book-me"> <a href="/specialoffer"> ★ GAP free Special Offer! </a> </div> /*STYLES FOR FLOATING BUTTON*/ #book-me { position: fixed; top: 50%; left: 0; transform: rotate(270deg) translateX(-50%); transform-origin: 0% 0; z-index: 99999; } #book-me a { background: #8EC63F; color: black; display: inline-block; font-size: 18px; font-weight: bold; text-transform: uppercase; font-family: futura-pt; padding: 10px 30px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; letter-spacing: 2px } @media screen and (max-width: 960px) { #book-me { bottom: 0; top: auto; transform: none; } #book-me a { padding: 10px 30px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 10px; border-top-left-radius: 10px; } }
