Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 16, 2017 at 8:27 pm #809078
    Inspigate

    If you scroll down a larger page a layer appears with the semi-transparent button “go to top” in the lower right corner of your screen. This button has a fixed position even if you scroll down more. This behaviour is enfold standard.

    I now want to add two more buttons to this layer. telefone and mail. As the “go to top” button their position should be fixed in the lower left corner of the screen. You can see this on klink-am-pelikanplatz.de working (when you scroll down) but I could not find out how they made it.
    This seems to be a good way to raise the usability of a site an to increase your conversion rate.
    Can you help me to get this working?

    June 17, 2017 at 12:52 am #809165
    Jordan Shannon

    Hey Inspigate,

    You can add Code Block element to your page and add following HTML code in it

    <div class="my-custom-img">
<img src="https://kriesi.at/wp-content/themes/kriesi/images/logo.png" />
</div>

    then add following code to Quick CSS in Enfold theme options under General Styling tab

    .my-custom-img { position: fixed; left: 0; top: 10%; }

    Of course the positioning would have to be adjusted to your liking.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.