Help with minimizing Slider outer boundaries

Hi there, @Solo_Leafs :waving_hand:

I am so sorry for the long wait!

Due to the public holidays, we’re running on reduced hours over the holidays. However, our devs will be back in the office tomorrow and will provide an update for you :slightly_smiling_face:

Thank you for your patience and understanding :folded_hands:

1 Like

Ok, please keep me updated.

2 Likes

Hi there, @Solo_Leafs :waving_hand:

Thank you for waiting!

We’ve adjusted the CSS code:

[class*='WidgetBackground__Wrapper-sc'] {
  padding: 0 !important;
}


.eapp-slider-slider-inner {
  height: 36vh
}

@media (max-width: 730px) {
  .eapp-slider-slider-inner {
    height: 25vh
  }
}

@media (max-width: 600px) {
  .eapp-slider-slider-inner {
    height: 22vh
  }
}

@media (max-width: 400px) {
  .eapp-slider-slider-inner {
    height: 20vh
  }
}

[class*="WidgetBackground__Container-sc"] {
  min-height: unset !important;
}

.global-styles,
[data-page-sections*="68f141de64dcb23e0537363a"] > section {
  min-height: unset !important;
}

.global-styles,
[data-page-sections*="68f141de64dcb23e0537363a"] .content-wrapper {
  padding-top: 2vmax !important;
  padding-bottom: 2vmax !important;
}

Here is how the widget looks on your website now:


Please check it out and let me know if you like the result :slightly_smiling_face:

2 Likes

This looks much better Max, however is there a way to get rid of the extra space above the slider in between the header and the slider?

1 Like

Also its reacting different when I place it on my home page. It is not allowing the outer space to disappear

2 Likes

Could you please add the widget to the homepage, so that we could check why the spacing occurs there? Our devs will be happy to investigate it for you :slightly_smiling_face:

1 Like

Yes I will but please have the devs look into this with urgency, I am running ads on my page and would like to keep the look still professional in the process of this edit. I am attaching to the home page now

2 Likes

Unfortunately, our devs have wrapped up for today, but they’ll be back tomorrow from 9 AM to 6 PM GMT+3 and check your website.

Just give me a heads-up when the installation is done, and I’ll pass it along to them :slightly_smiling_face:

1 Like

The install is done but Im confused, its only 11am EST where I am and you are saying they wont be able to look at this today?

1 Like

The pagination is not in the correct position on mobile, it is blocking the ‘click here’ on page 5. it needs to match the position on desktop version.

Also there is too much margin below the slider. There needs to be 0 space between the slider and the video below on the home page.

2 Likes

Sorry for the confusion!

If to convert devs’ working hours into your timezone (EST), they’ll be able to check the widget from 1 a.m - 10 a.m, November 6.

As for the pagination display on mobile, I’ve adjusted its position using this CSS code :slightly_smiling_face:

@media(max-width: 500px) {
.eapp-slider-pagination {
  transform: translate(-50%, 130%) !important;
}
}

2 Likes

I see that looks good, can we make the arrows just a little smaller on mobile so they don’t collide with any words?

1 Like

Or move them outward closer to the border, this might be more optimal so the buttons can still be clicked.

1 Like

Hello Max, any update?

2 Likes

Devs removed the spacing on the homepage, using the CSS code below. Could you please check it?

.global-styles, .fe-671ea56bd8455c6f7aae7aff {
   grid-template-rows: repeat(24, minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), 30)) !important;
}

As for the arrow position, I’ve asked the devs, and they’ll provide the code a bit later🙂

1 Like

Ok it looks great now, just let me know when the correct arrow spacing is available. Thanks Max!

2 Likes

Thank you for waiting!

We’ve added this code to change the position of the arrows:

@media(max-width: 500px) {
  .eapp-slider-arrows-container {
    padding: 4px;
  }
}

Please check it out and let me know if you like the result :slightly_smiling_face:

1 Like

It looks amazing, thank you Max!

3 Likes

Awesome, you’re always welcome :wink:

1 Like