Okay
  Public Ticket #2687152
Closing the vertical gap between vertical sticky tab sections
Closed

Comments

  • tostevincharlie started the conversation
    February 10, 2021 at 9:24am

    Hi again,


    When scrolling from section 1 to 2 there is a sizeable gap and the same from 2 to 3 and so on. Is there a way to close this up and manage that gap?


    Originally in the first section I only had the recent posts grid with no CTA which meant I could apply a minus value to the column which worked closing the gap between 1 and 2. Now I have a CTA in there the same process doesn't work so think this will be a CSS job.


    Thanks

  •  2,723
    Andrew replied
    February 10, 2021 at 6:45pm

    Hi there,

    Kindly share the link to the page or a screenshot so that I can have a closer look.

    Thanks,

  • tostevincharlie replied
    February 10, 2021 at 9:45pm

    Hi Andrew,

    Here's the link: http://iap.oi-you.io/

    The large margins I'm referring to are between the three scrollable sections of the vertical sticky tabs highlighted in the attachment.

    Thanks

  •  2,723
    Andrew replied
    February 11, 2021 at 3:34am

    Hi There,

    Please try this css:

    .nectar-scrolling-tabs[data-tab-spacing="40%"] .scrolling-tab-content > div {
        padding-top: 0%;
        padding-bottom: 0%;
    }

    Thanks.

  • tostevincharlie replied
    February 11, 2021 at 3:34pm

    Thank you so much, Andrew . Works a charm.