Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1060446

    Hi everyone!

    I would like to achieve something very similar to the two sticky buttons on this website https://www.grandhoteletdemilan.it/de/milan/geschichte/.

    One button is supposed to contain vertically aligned text only, the other an icon.

    I don’t want to use a plugin to keep everything as simple as possible. Could you please help? Thanks a lot!

    Best,

    Hagen

    #1061507

    Hey HagenWittig,

    Please create a button element enable custom CSS class name support from Enfold > Layout Builder > Developer Options

    Add a custom CSS class name “btn-stick” to the button.

    Ad lastly add this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
    /* CSS - */
    
    .btn-sticky {
    	position: fixed;
    	transform: rotate(-90deg);
    	right: 0;
    	top:300px;
    	z-index: 999999 !important;
    }

    For more info please refer to the documentation.

    Best regards,
    Vinay

    • This reply was modified 5 years, 9 months ago by Vinay.
    #1061638

    Thank you so much!
    Best regards,
    Hagen

    #1062126

    Hi Hagen,

    Great, glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1075861

    Hi Rikard!

    Thanks for your help. All solved now. Please feel free to close the topic.

    Best regards,

    Hagen

    #1076571

    Hi Hagen,

    Great, thanks for the update. I’ll close this for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘sticky button(s) with vertical text alignment’ is closed to new replies.