Solved
Hiding Header on Landing Page
Hi,
I'd like to hide the header on the landing page of the survey (QID2) using the custom CSS. I've drafted the code below but it doesn't work. Any suggestions? Thanks!
Qualtrics.SurveyEngine.addOnload(function () {
if(jQuery('#QID2').length > 0)
{
jQuery("#Header").hide();
}
});
Best answer by TomG
That's JavaScript, not CSS. You should just add the JavaScript to the first question (QID2) as:
```
Qualtrics.SurveyEngine.addOnload(function () {
jQuery("#Header").hide();
});
```
+27That's JavaScript, not CSS. You should just add the JavaScript to the first question (QID2) as:
```
Qualtrics.SurveyEngine.addOnload(function () {
jQuery("#Header").hide();
});
```
+6> @TomG said:
> That's JavaScript, not CSS. You should just add the JavaScript to the first question (QID2) as:
> ```
> Qualtrics.SurveyEngine.addOnload(function () {
> jQuery("#Header").hide();
> });
> ```
Is this known to have any issues with the Table of Content element? This seems to work when I view the block alone, but when I preview the whoel survey and get to this question, it does not. The survey is pretty vanilla except that it uses a Table of Contents element, which is what I am guessing is causing the problem. Has anyone else experienced this?
+27Try switching addOnload to addOnReady.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.