Slider Displays Over Text

Sparkling
1

To Whom This May Concern,

My site is running Wordpress 5.6.2 with Sparkling theme 2.4.8. On my site I have a slider with four photos below the top navigation bar. I recently noticed that when my page loads the slider displays over the text on my page, but corrects itself when the slider displays the second photo. Here is a link to my page: westbendcommunityband.org. What can be done to correct this behavior? Thank you in advance.

2

Hi,

I wait for major update, but for 2.4.8, maybe similar solution helps also you.

div.flexslider {
min-height: 440px !important;
}

Last good version for me is 2.3.2 and i see same menu behavior for others, that has newer sparkling theme.

With gratitude,
Marx-Veix

1 Like
3

I would like to inquire if anyone from Colorlib support has reviewed the issue I reported in this topic. Thank you.

4

Hey there

I just reviewed your website and I was not able to find the error you reported? can you please add a little bit more info? also, please include a screenshot,

5

Hello,

Thank you for reviewing my website and updating this topic.

In the first screenshot you can see the slider is displaying over the content in the middle of the screen:

Screen Shot 2021-04-19 at 7.21.19 AM
Screen Shot 2021-04-19 at 7.21.19 AM2032×1167 537 KB

In the second screenshot (when the slider advances to the next photo), you can see the slider displays correctly:

Screen Shot 2021-04-19 at 7.21.26 AM
Screen Shot 2021-04-19 at 7.21.26 AM2032×1167 531 KB

I would like to inquire why the slider is not displaying correctly when the page initially loads.

Thank you in advance.

6

hi there

Please try this CSS code:

.home .top-section {
min-height: 545px;
}

It should help

7

Thank you for the update. Where in Wordpress do I need to add this CSS code?

8

Hi

You may add that code in the Appearance > Customize > Additionall css

Thanks

9

Thank you for answering my question.

I added the code to Appearance > Customize > Additional CSS and it appears to fix the issue where the slider displays over the content in the middle of the screen. I had to modify the value from 545 to 600. I hope this bug will be resolved in a future Sparkling theme update so this additional CSS can be removed.

10

Thanks for sharing your info :slight_smile:

I believe this is a temporary problem because I never seen it before

11

You’re welcome!

I don’t believe this is a temporary issue. It appeared to have started happening either after installing a Wordpress or Sparkling theme update.

12

Hi there

Ok, in this case, we will take a closer look into this problem

Thanks in advance

13

Thank you for investigating the issue. Kindly update this topic when you have determined root cause and the resolution. Thank you!

14

Thank you too and have a good day