Balbooa Help Center: Sticky Header Displays icons oddly (1/1)

1 week 4 days ago #1

Othniel
Posts: 204

I have created a sticky header that shows at the bottom of the screen when viewing on phone (portrait view).

The header displays 4 icons in 4 columns. However, upon loading, it shows only 1 icon (incomplete.jpg)

then loads all other 3 (complete.jpg)

. In other words, they are not loading smoothly or all together.

See attached screenshots.

How can I fix this? See demo site at Part of the message is hidden for the guests. Please log in or register to see it.

1 week 3 days ago #2

Vyacheslav Posts: 28391	Hello, Thank you for contacting us! We checked and did not see a problem, Please describe in more detail at what screen width the problem is visible, in which browser and which operating system Best Regards, Vyacheslav, Balbooa Support Team
	The administrator has disabled public write access.

1 week 3 days ago #3

Othniel Posts: 204	I am using my phone, Samsung S21, Chrome Browser. Also the Samsung Internet Browser. I think that would be 360px × 800px viewport.
	The administrator has disabled public write access.

1 week 3 days ago #4

Vyacheslav Posts: 28391	Try clearing the browser cache on your device Best Regards, Vyacheslav, Balbooa Support Team
	The administrator has disabled public write access.

1 week 3 days ago #5

Othniel Posts: 204	Did that, it does not work. If I scroll down slowly, I see the issue still, where the "Live TV" icon and text show in the middle of the bottom of the screen, then eventually the rest. But scroll slowly.
	The administrator has disabled public write access.

1 week 3 days ago #6

Vyacheslav Posts: 28391	You need to add CSS code at the code editor .ba-sticky-header:not(.visible-sticky-header) { display: none; } Best Regards, Vyacheslav, Balbooa Support Team
	The administrator has disabled public write access.