Hello I’m trying to add a fixed sidebar that goes all the way to the furthest right of the screen at all times, even when the screen is smaller. I have attached an example of what I would like to do: http://bradlangan.com/Untitled-1.jpg
Here is my website: http://v2.veenstradental.com/
I have created a fixed sidebar, it is the button “Request Appointment”
I have created a sticky widget using Q2W3 Fixed Widget and made it so my sidebar only shows a custom value. This all worked fine.
I also added the following CSS:
#container .sidebar sidebar right {
position: fixed;
right: 0;
top: 50%;
width: 8em;
margin-top: -2.5em;
transform: translate(-50%);
z-index: 999;
}
I cant seem to get it to go all the way to the right.Thank you so much in advance for any help!
Just as an update I don’t think my css is actually doing anything at all.
Ok I FINALLY fixed this myself, first of all I wasnt even manipulating the css, I set a custom id for that widget to make sure I was targetting the right id in css (complete noob at css!) Then I removed “transform: translate(-50%);” I didn’t understand what that did.
Now I have a nice floating sidebar!