Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • September 13, 2022 at 12:48 pm #1364888
    Schmidtgrafisk

    How is it possible to setup a sticky contact form, placed right side in the middle of the screen

    Alan ;)

    September 13, 2022 at 5:01 pm #1364940
    Rikard

    Hey Alan,

    You could add it in a widget: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area, then set the position to fixed.

    Best regards,
    Rikard

    September 14, 2022 at 3:55 pm #1365010
    Schmidtgrafisk

    Hey Rikard,
    thanks for the link.
    It’s getting too complicated for me to tackle on my own.
    Is it a task that you want to help me complete?

    Alan ;)

    September 14, 2022 at 4:57 pm #1365017
    Rikard

    Hi,

    Just add the content you want in the widget, then we can help you out with the styling.

    Best regards,
    Rikard

    September 14, 2022 at 10:46 pm #1365052
    Schmidtgrafisk

    HI, I just added the widget to the sidebar, with a contact form, that I´d like to stay in the middle of the screen.

    I tried using Formcraft by using their shortcodes in a text widget.
    I have deleted the plugin and the shortcode, but for some reason I still have grey box with a line of text and a link, do you know how to delete that.

    September 15, 2022 at 4:34 pm #1365165
    Yigit

    Hi,

    – I created a new widget area called Header and moved your Contact Form widget into that widget area
    – I added this code to Functions.php file of your child theme – https://kriesi.at/documentation/enfold/header/#toggle-id-2
    – I added following code to Enfold theme options > General Styling > Quick CSS

    
#header .widget {
  background-color: white;
  max-width: 300px;
  padding: 30px;
  position: fixed;
  right: 0;
  top: 50%;
  border-radius: 5px;
}

    Please review your website :)

    Best regards,
    Yigit

    September 15, 2022 at 10:09 pm #1365194
    Schmidtgrafisk

    Hi Yigit,

    Thanks, I need to hear the client response ;)

    Is it possible to select which pages, where we would like to show the widget, instead of showing it on all pages.

    Alan ;)

    September 16, 2022 at 9:19 am #1365216
    Schmidtgrafisk

    Hi Yigit, it´s good on mobile, is there solution for show and hide on mobile ;)

    September 16, 2022 at 12:54 pm #1365245
    Mike

    Hi,
    To hide the contact widget on mobile and show it on tablet and desktop, please add this css to Enfold Theme Options ▸ General Styling ▸ Quick CSS field

    @media only screen and (max-width: 767px) { 
	#text-5 {
		display: none;
	}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 19, 2022 at 1:05 pm #1365535
    Schmidtgrafisk

    Hey guys, thanks a lot for your time and input.
    My customer wants another solution where we place the contact form in the right sidebar.
    We would really like to have it centered vertically, if possible, without it affecting the rest of the page design

    September 19, 2022 at 4:37 pm #1365559
    Rikard

    Hi,

    Please try this CSS instead:

    .sidebar #text-5 {
  padding-top: 100%;
}

    Best regards,
    Rikard

    September 19, 2022 at 5:02 pm #1365572
    Schmidtgrafisk

    Great thank you, that’s fine ;)
    All done ;)

    September 19, 2022 at 6:52 pm #1365579
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Sticky Contactform’ is closed to new replies.