Slider bar hides page content

Greetings,

I use slider essentially as a header image with text on it. For most purposes it is convinient for me, however when my site is loaded for the first time (or refreshed with ctrl+F5) it seems that slider is slapped on top of the rest of the page, covering titles and pictures of the page content. The bug usually lasts from a few seconds to whenever you press refresh button.

website: тысчастлив.рф

The way it is supposed to look http://i.imgur.com/VaMMtbW.jpg

The way it comes up the first time http://i.imgur.com/uiTg7fj.jpg

The bug is seen on google chrome (less frequent on FF)

How do I fix that?

Hi @bender08071986,

I hope you are well today and thank you for your question.

It seems this is happening on your site because some script is taking too much time to load.

You can try resolving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS


@media (min-width: 999px) {
  .flexslider {
    min-height: 286px;
}
}

Best Regards,
Movin

Thanks a lot, Movin!

It worked just fine.

You are most welcome here :slight_smile:

Hi there again,
wasn’t able to use my wordpress account to log in this time, not sure why. Not important though.

Got a follow up question, soon after using your code my site went down with “503 Service Unavailable” error
Not sure if the code was the issue, but do you know how to remove that custom css without an access to WPadmin through FTP? I couldnt find where did that custom css went to edit it with ftp-client :frowning:

@bender2 To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/dazzling/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.