[Resolved] Sticky Columm?

Home Forums Support [Resolved] Sticky Columm?

Home Forums Support Sticky Columm?

  • This topic has 7 replies, 2 voices, and was last updated 3 weeks ago by Leo.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1940896
    William

    Aloha πŸ™‚

    Curious if there is a way to get the right column (GB Buttons) in this design to stay fixed, while the left (GB Containers with anchors) scroll based on user clicks.

    https://socialsciences.manoa.hawaii.edu/smooth/

    GP Smooth scrolling is turned on and looks great!

    Much thanks for any advice or direction you can offer as always πŸ™‚

    Bill

    #1940937
    Leo
    Staff
    Customer Support

    Hi there,

    Give this method a shot:

    #1940956
    William

    Very exciting! Block element with Element type >> Right Sidebar

    https://socialsciences.manoa.hawaii.edu/smooth/

    But when I apply your CSS rule …

    .sticky-social-icons {
    position: fixed;
    left:0;
    top: 30%;
    }

    It pops out of right sidebar and locks itself to the left side of the page (as it does in your video).

    I tried adding a second container around ‘sticky-social-icons’ … ‘sticky-con’ … but no luck.

    Tried using:

    .sticky-con {
    position: relative;
    }

    .sticky-social-icons {
    position: absolute;
    left:0;
    top: 30%;
    }

    I gotta be close right?

    πŸ™‚

    THANKS Leo!

    #1941005
    Leo
    Staff
    Customer Support

    Try this for your CSS;

    .sticky-social-icons {
        position: fixed;
        width: 240px;
    }
    #1942038
    William

    Pretty cool πŸ™‚ Thanks Leo!

    https://socialsciences.manoa.hawaii.edu/smooth/

    1) Where does the Right Sidebar go to on Mobile? Seems to disappear.

    2) Rather than inject a block element into a Right Sidebar, do you think it possible to place the buttons in a right column (say 15%) of a GB Grid, with the left column (85%) scrolling up and down? I have a feeling GB grids don’t work his way.

    Happy Friday!

    Bill

    #1942120
    Leo
    Staff
    Customer Support

    1) It does to the bottom of the page. I’m not sure how this layout would work on mobile so perhaps you want to hide it?

    #1944851
    William

    Yeah — I might be heading down the wrong road here πŸ™‚

    Let me think this through — thanks for the help as always Leo.

    Hope your weekend was great!!

    #1944891
    Leo
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.