Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #726867

    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!

    #727230

    Just as an update I don’t think my css is actually doing anything at all.

    #727263

    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!

    #727376

    Hi,

    Great, glad you got it working and thanks for sharing :-)

    Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.