Help! How to remove space before arrows on mobile?

Site URL: https://www.humansgettogether.com/

How do I move the space below text and above the arrows on mobile? Desktop looks fine. 

Hi. On which page? I don't see it on homepage

Hi - it's on "About Us" Thanks!!

10 hours ago, rhda67 said:

Hi - it's on "About Us" Thanks!!

You mean space between text - arrow?

It looks like not possible to control this. You can consider move arrows to left/right side, under image, something like this. What do you think?

Use this CSS

/* Mobile slideshow arrows */
@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="613a80048018bf0166ef11b7"] {
.mobile-arrows {
    margin: 0px !important;
}
.mobile-arrows {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    left: 50%;
    margin-top: 50px !important;
    justify-content: space-between !important;
}
}}

I'm hoping to get it on the bottom. I edited some of your code but the arrows get cut off. 

Here's what's in there now. 

/* Mobile slideshow arrows */
@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="613a80048018bf0166ef11b7"] {
.mobile-arrows {
    margin: 0px !important;
}
.mobile-arrows {
    position: absolute;
    top: 88%;
    transform: translate(-50%,-50%);
    width: 35%;
    left: 50%;
    margin-top: 65px !important;
    justify-content: space-between !important;
}
}}

Try this code

/* Mobile slideshow arrows */
@media screen and (max-width:767px) {
.user-items-list-item-container[data-section-id="613a80048018bf0166ef11b7"] {
.mobile-arrows {
    margin: 0px !important;
}
.mobile-arrows {
    position: absolute;
    top: 88%;
    transform: translate(-50%,-50%);
    width: 35%;
    left: 50%;
    margin-top: 65px !important;
    justify-content: space-between !important;
}
.user-items-list-carousel__gutter {
    overflow: visible !important;
}
}}

Same question but for this site: https://patrickmealey.squarespace.com/?password=draco

On 11/15/2022 at 12:28 PM, NadineCharleson said:

Same question but for this site: https://patrickmealey.squarespace.com/?password=draco

 

Because you have an item with very long text, the position of the arrows will be based on that item, so there is no way to reduce space.

You can consider changing arrows position to this, we can give the code

(top or left/right)