Home Forums Porto Template Sliding contact form

This topic contains 1 reply, has 2 voices, and was last updated by  Support2 3 months, 3 weeks ago. This post has been viewed 172 times

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10029787

    mjackz
    Participant

    Hi there,
    Do you have a example on other of the demo templates on how can a setup a sliding form from right to left or from bottom of the page?

    Cant find one on your template and wanted to ask before using code from other sources…

    something like this page: http://f28demo.divisoupdemos.com/

    Thanks,
    Manuel



    Template Version: 6.2
    #10029794

    Support2
    Keymaster

    Hello Manuel,

    Porto don’t have a feature exactly like you wish. But has the Side Panel feature that with some custom code you can have a very similar effect.

    1) See the page feature-side-panel.html

    2) Supposing we use the “Side Panel Right – Slide Effeft” button, just add the class custom-side-panel-toggle to the button:

    <a href="feature-side-panel-right-slide.html" class="btn btn-primary btn-modern side-panel-toggle custom-side-panel-toggle" data-extra-class="side-panel-right">SLIDE EFFECT</a>

    3) Then add this code in (css/custom.css):

    .custom-side-panel-toggle {
    	position: fixed;
    	top: 50%;
    	right: 0;
    	transform: translate3d(0, -50%, 0);
    }

    * This code will position the button centered fixed on the page and at right side of browser window.

    Hope this helps.

    Kind Regards,

    Rodrigo.


    • This reply was modified 3 months, 3 weeks ago by  Support2.
Viewing 2 posts - 1 through 2 (of 2 total)