This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko 6 years, 6 months ago.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
You must be logged in to reply to this topic.
Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Split second big icons when pageloading
This topic contains 1 reply, has 2 voices, and was last updated by Ernest Marcinko 6 years, 6 months ago.
Hello,
when loading the page we always have in a flick a very big search icon and cross icon.
Best regards
Hi,
This phenomenon is called the flash of unstyled content, and is caused by lazy loading of the CSS files. You have some sort of minify plugin active that aggreagates the CSS files and loads them on the bottom of the page, outside the header – causing the flash effect. I highly recommend turning off this feature, unless you are very experienced with CSS, and can add the critical CSS rules to the header to prevent the FOUC effect.
Alternatively you can try this custom CSS, add it to the critical custom CSS section, so that it is loaded in the header:
.asp_m {
height: 0;
}
This will set the search height to 0, until the main css is loaded, which will change it back to ‘auto’, with the correct styling. In this case make sure to clear all layers of cache, and also make sure that this CSS is indeed within the header as inline css.
Best,You must be logged in to reply to this topic.
Cookie | Duration | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |