Okay
  Public Ticket #2679467
Scrolling a Column
Closed

Comments

  • Crispy0212 started the conversation

    Hi guys

    On the column on this page that contains the grid image gallery, I've applied the value height:550px overflow:scroll in order to create a sticky scrolling area within the page for that gallery. It works but it results in a heap of empty space appearing below the gallery grid, which is not in the content I have built. Can you tell me why this is happening and how I can avoid it? 

    Thanks

    Chris


  •  2,963
    Andrew replied

    Hi Crispy,

    Please send us your login credentials with admin privileges so that we can look into the issue further.

    Thanks.

  •   Crispy0212 replied privately
  •  2,963
    Andrew replied

    Hi Crispy,

    Have you tried checking for third party plugin conflicts?

  • Crispy0212 replied

    Yes,

    C


  •  8,848
    Tahir replied

    Hey Again,

    Try adding the "max-height" Attribute instead of "height and check.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .large-character-gallery {
        max-height: 550px;
        overflow: scroll;
    }     

    Thanks



    ThemeNectar Support Team 

  • Crispy0212 replied

    Hi Tahir, thanks for this. It doesn't seem to make a difference to the issue though. I've viewed in chrome and safari. 

    Thanks

    Chris

  •  8,848
    Tahir replied

    Hey Again,

    I am afraid there is no easy fix for this: https://stackoverflow.com/questions/23529369/why-does-x-overflowhidden-cause-extra-space-below . 

    Try using the Carousel Page Element and add the Team Member Elements in it.

    Thanks


    ThemeNectar Support Team