Bad behave of “Dazzling” slider.

Hello admin

Please check this website : when you,ll open this website the first slider,s small dots will be on navbar and when u,ll click on next slide it,ll be okay. Please see whats happening. Can you please help me out.

Thanks so much in advance.

Hi Shivam,

I hope you are well today and thanks for posting here.

The Dazzling theme slider is working fine on my test site.

I visited your shared site and found you are using the Sparkling theme there and not the Dazzling theme and i can see that the slider displayed by the Sparkling theme is working fine on your site.

Please advise.

Kind Regards,

Hi support

I have the same issue on
Dots appear above the first slide and first slide covers the page content.
Then resolves to normal layout with second slide or when refreshing page.

Your help is much appreciated :slight_smile:

Hi Jason,

I could confirm the issue on your site and it seems this happens when the slider images takes more time to load and the slider javascript executes before it.

We’ll troubleshoot the issue and will resole it in the future version of theme.

In the meanwhile to fix the issue try adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

.flexslider {
  min-height: 362px;

Best Regards,

Hi Movin

Thank you, that was helpful.

I used media query for reduced height on narrow screen.

@media (min-width:500px) {
	.flexslider {min-height: 460px;}
@media (max-width:499px) {
	.flexslider {min-height: 250px;}

regards Jason

You are most welcome here :slight_smile: