Adding a floating icon on the bottom of parallax element

[noxdiurna]

Hi,

After few days of using our website, I notice that a lot of our visitors don’t scroll down our landing page since I am using full screen parallax element. I wish to add a Gizmo arrow icon at the bottom center of the element to show that there are more contents below.

I tried using float:bottom on css with no prevail. Please help.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.sf-parallax.parallax-window-height:after {
  bottom: 40px;
  color: #fff;
  content: "\F501";
  left: 49%;
  position: absolute;
  font-family: "ssgizmo";
  font-size: 36px;
}

– Kyle

[noxdiurna]

You’re awesome. Thank you so much! 🙂

[Kyle – SUPPORT]

No problem 🙂

– Kyle