Docs

[Ryanbrown1987]

Hey X team,
I’d like to add an arrow or floating button at the top of the landing page so when you click or tap it, it scrolls down to the content below. Much like the X Theme http://theme.co/x/demo/integrity/1/

Can you help? Cheers!

[Rupok]

Hi there,

Thanks for writing in! You can use the HTML within Text Element :

<a class="custom-buttom center" href="#">
    <i aria-hidden="true" data-x-icon="" class="x-icon-angle-down"></i>
</a>

Then let’s add CSS for the custom-button and place under Customize > Custom > CSS :

.custom-btn {
  position: absolute;
  top: 0;
  left: 48%;
}

Let’s add your own CSS, I have just added example.

Thanks

[Ryanbrown1987]

Hi there,
I added the code into the homepage test (www.lostboymemoirs.com/homepage-test) but it isn’t showing, can you help me add and position it near the clouds of the header?

Thank you!
Ryan

[Rue Nel]

Hello Ryan,

I have check the page and it seems that you haven’t added the code yet. Or perhaps it could be a caching issue. Since you have installed a caching plugin W3 Total Cache, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

[Author]

Posts