Option to hide header in tour but keep skip cross button

[ShivamS136]

Description

I don't have titles in most of my tour elements, how can I hide that empty space but keep that cross skip button in the new updated UI.

Expected Behavior

If the title is empty then the header space should not be visible.

Actual Behavior

Empty space is visible

Errors and Screenshots

Example

Just initiate a tour with no title

Environment

Browser: Edge Latest version of IntroJS: 3.2.1

[leoplct]

+1 same issue

I have solved with

//INTROJS CUSTOM .introjs-tooltip-header{ display: none; }

[ShivamS136]

+1 same issue

I have solved with

//INTROJS CUSTOM .introjs-tooltip-header{ display: none; }

But this will hide the skip button(Cross sign) as well

[afshinm]

Right now the header and exit/cross button have the same parent element and it's not possible to hide the header section without hiding the exit icon.

[neurot1k]

To keep the exit button, try this: .introjs-tooltip-header { position: relative; } .introjs-skipbutton { position: absolute; top: 0; right: 0; }