WEBINAR: Level Up Your Design Skills With Sticky Elements In Elementor Pro [ADVANCED]

Поділитися
Вставка
  • Опубліковано 25 жов 2024

КОМЕНТАРІ • 81

  • @Elementor
    @Elementor  2 роки тому

    2022 UPDATE: Width and Position (previously named Custom Positioning) can now be found under the Advanced > Layout tab.

  • @WShawn
    @WShawn 3 роки тому

    This is probably the best tutorial I've seen for Elementor. Most tutorials (and the online Elementor guide) do a really crummy job of explaining WHY things work the way they do. They usually just consist of "click this button, enter this value, etc" withough explaining WHY or HOW these thing actually work.

  • @hashimomer1758
    @hashimomer1758 3 роки тому

    I absolutely love the quality of content!!

  • @AudioSushiDJs
    @AudioSushiDJs 3 роки тому

    Thank you. These tutorials are invaluable. I always learn so much.

    • @Elementor
      @Elementor  3 роки тому

      Thank Audio, I'm happy you found it valuable 😄!

  • @____julia____
    @____julia____ 3 роки тому +12

    Starts in 6 days....3 waiting 🤣. Elementor you have us hooked

    • @denverfrancisco3365
      @denverfrancisco3365 3 роки тому

      Dunno if you guys cares but if you're bored like me during the covid times then you can watch all the new movies on Instaflixxer. I've been streaming with my gf these days :)

    • @gaelridge6501
      @gaelridge6501 3 роки тому

      @Denver Francisco yea, been using InstaFlixxer for years myself :)

  • @SimonWYHuang
    @SimonWYHuang 3 роки тому +4

    Pretty awesome way to make webinars instead of using Goto or zoom :D

  • @chrismiltimore
    @chrismiltimore 3 роки тому +1

    This was an excellent webinar. I learned something new in the first 2 minutes. Well worth the time. I'm looking forward to learning more.

    • @Elementor
      @Elementor  3 роки тому

      Wow what a compliment, thanks Chris! Stay tuned, there is some great content coming this way 😊.

  • @yamcolle412
    @yamcolle412 2 роки тому

    DUDE! thants beautiful/ im now working on it. do you wnat to see the end result? if so i will limk it here ! PLUS great job men. your english your speed is great! thank you

  • @DonnaGott
    @DonnaGott 3 роки тому +1

    This was so great! It gave me a ton of ideas that I can use on my site.

    • @Elementor
      @Elementor  3 роки тому

      Inspiration is what I aim for 😊 Thanks Dee!

  • @alejandrasantiagoacosta3284
    @alejandrasantiagoacosta3284 2 роки тому

    I love it! Great job.

  • @designinkdigital
    @designinkdigital 3 роки тому

    Thanks for SO many ideas you have given me. Good job on presentation.

    • @Elementor
      @Elementor  3 роки тому

      I'm glad you found it inspirational 😊, what did you like best?

  •  3 роки тому +4

    This is so awsome, but how does this kind of layouts impact on google site speed in lighthouse?

  • @spydergs07
    @spydergs07 2 роки тому

    This was an awesome video!

  • @tomelledge2940
    @tomelledge2940 3 роки тому

    Excellent tutorial! Thanks so much!

  • @togetherenglish8654
    @togetherenglish8654 3 роки тому +1

    Really, I like it. Thank you very much!

    • @Elementor
      @Elementor  3 роки тому +1

      I'm happy to hear that Elaman 🤩!

  • @tjveach
    @tjveach 3 роки тому +5

    Great job, keep this stuff coming, and give us either the assets or create a template that we can look at and reverse engineer

  • @bySterling
    @bySterling 3 роки тому +2

    Beautifully AMAZING!! We would LUV if this level of blocks and pages would be added to our Elementor Pro imports for 2021! #NEXTLEVEL100

    • @Elementor
      @Elementor  3 роки тому +1

      Great request TheWebStylist! I'll ask the team 😊.

  • @guntergys
    @guntergys 3 роки тому

    I am ready to follow ..... Looking forward...

    • @Elementor
      @Elementor  3 роки тому

      Thanks for the follow Gunter!

  • @rukminikotamraju
    @rukminikotamraju 2 роки тому

    Thank you so much.

  • @janickalexander689
    @janickalexander689 3 роки тому

    this is paradise !

  • @brmo9442
    @brmo9442 3 роки тому

    Great webinar, learnt more than just sticky elements.

    • @Elementor
      @Elementor  3 роки тому

      Wow! I'm happy to hear that br mo!

  • @alihaider-qz4oq
    @alihaider-qz4oq Рік тому

    It realy helped me
    thank you

  • @fransalas-pluginsweb
    @fransalas-pluginsweb 3 роки тому

    Thanks for the video!

  • @tarti666flette
    @tarti666flette Рік тому

    Hey @elementor did you make a video for the text stroke effect ? Can't seem to find it

  • @blagojelukic
    @blagojelukic 3 роки тому

    This guy knows his stuff

  • @JacksonPathilchirayil
    @JacksonPathilchirayil 3 роки тому

    Super!!!
    If you can share the link of the website where you made the above design and sticky elements for us to see the preview. It would have been great.

  • @DanielDalal
    @DanielDalal 3 роки тому +1

    Is there a link to download the page you made in the examples?

  • @fredcurrie8195
    @fredcurrie8195 3 роки тому +1

    Excellent webinar Ziv! In the future I would like to learn about how to use dynamic tags.

    • @Elementor
      @Elementor  3 роки тому

      Hi Fred, thank you for your comment and suggestion. I'll be sure to pass it on to the team.

  • @mariana97873
    @mariana97873 Рік тому

    Now with containers, the "stick to column" doesn't seem to work? How can I decide where the image should stop scrolling at the top, like the example at 6:30?

  • @knor11875
    @knor11875 2 роки тому

    At 25:35 how do we learn the transparent outline effect? I couldn't find the video linked in the description.

  • @sharonreaves
    @sharonreaves 3 роки тому

    That was AMAZING! I can't believe how much I learned in such a short period of time. Thanks!

  • @sherlwinc
    @sherlwinc Рік тому

    Great!!

  • @valentinababbo-indigospot7514
    @valentinababbo-indigospot7514 2 роки тому

    Hello, gorgeous tutorial! Please can you share with us how to make an image rotating (like the watches in these tutorial)? Thanks

  • @kevinlefournis6293
    @kevinlefournis6293 3 роки тому

    YOU ARE A BOSS 👍🏻

  • @connectadnan4669
    @connectadnan4669 3 роки тому

    I love this Man, Specially Hayo I am Ziv from Elementor ❤️

    • @Elementor
      @Elementor  3 роки тому

      Right back at you man❤😎

    • @connectadnan4669
      @connectadnan4669 3 роки тому

      @@Elementor please make videos on (Woocommerce + elementor pro ) How can we create fully functional e commerce sites with Elementor not just basic.

  • @ajwebhub
    @ajwebhub 2 роки тому

    excellent

  • @wolfgangkaldewey3640
    @wolfgangkaldewey3640 3 роки тому

    Great tutorial with high end content as usual, Ziv! Is the rimagen design you worked on somewhere life to see on an existing website or do you have website(s) with similar layout?

  • @JoseSanabriart
    @JoseSanabriart 3 роки тому

    Aquí esperando!!!

  • @fernandatorga3554
    @fernandatorga3554 2 роки тому

    My Elementor doesn't show the "stay in column" option. Why is that?

  • @alessandrorizzo5384
    @alessandrorizzo5384 2 роки тому

    Hi there, congrats on this tutorial, it's really useful!
    I don't have understood very well a thing:
    On minute 22:25 you use the Elementor custom position settings to move the heading on the image, but I can't understand why and which is the exact effect of this on the element.
    Couldn't you just leave it there and then use the z-index? Maybe I've lost some detail, could you explain me better this step, please?
    Thank you very much!

  • @WarpingAround
    @WarpingAround 2 роки тому

    so at 7:20 you describe work on the second section and you start by dragging a section inside of a section but elementor won't let you do that how did you pull this off????

  • @debleenasarkar6243
    @debleenasarkar6243 3 роки тому

    Great video. I want to learn about the rotation motion effect.
    When will you make a tutorial on this?

    • @Elementor
      @Elementor  3 роки тому

      Hey Debleena, have you checked out the motion effect playlist yet? ua-cam.com/play/PLZyp9H25CboH0hMcZnE93oJQq6hiik7LK.html

    • @debleenasarkar6243
      @debleenasarkar6243 3 роки тому

      @@Elementor oh no 😂, thank you so much 🥰

    • @MrJixies
      @MrJixies 3 роки тому

      @@Elementor Great tutorials but the rotation motion effect with the watches is nowhere to be found???

  • @AadityaSharmas
    @AadityaSharmas 3 роки тому

    Great....👍

  • @adnanamin3666
    @adnanamin3666 3 роки тому +2

    Thank you! Learned new things.
    Would you be so kind to make a tutorial on off-section bleeding column/image? These days we are given a lot of design templates which includes many bleeding column and image. Which is very difficult to implement.
    A tutorial on this would be very helpful for the community. Thanks!

    • @salmankhan97974
      @salmankhan97974 3 роки тому

      I hope this video will help. ua-cam.com/video/WfOLii0lI-8/v-deo.html

  • @parveensultana6501
    @parveensultana6501 2 роки тому

    Hi i like your videos too much , today i learn new skill in elementor pro, can you give me some idea how to keep these effects same as desktop in mobile same, like i want sticky date and picture comes in same line

  • @markcell6662
    @markcell6662 3 роки тому

    Hello, thanks for webinar ;-) but I have a problem with Sticky (I don't see Stay In Column in Motion Effects) it is possible?

    • @Elementor
      @Elementor  3 роки тому

      Hi Mark, thanks for your question. This option is in the Inner Section widget settings: elementor.com/help/inner-section-widget.

  • @nehajangid1158
    @nehajangid1158 3 роки тому

    The video is amazing! I'm trying to create sticky design on my website and I'm only getting the "stay in the column" option in the image section, not in the inner column what should I do. If somebody knows how to fix this please let me know, I have tried Custom CSS code everything but nothing worked.

    • @Xanthi_S
      @Xanthi_S 2 роки тому

      I don't know if you have figured it out, but I think I experienced the same issue as you. The stay in column function is indeed only in the image section. However, I noticed that it doesn't work if it's only one image, the one you want the sticky effect on, on this column. I also noticed in the video that he has more elements/widgets in the same column. So I tested a bit. If you add more widgets in that same column, right under your image that you want to be sticky, then the "stay in the column" works. I hope it helps :)

  • @muniraslam970
    @muniraslam970 Рік тому

    how I can practice Elementor Pro ?

  • @4mecourses
    @4mecourses 3 роки тому

    Great!

  • @tjveach
    @tjveach 3 роки тому +1

    Maybe consider giving us the assets so we can learn and try this without trying to find assets to give this a go?

  • @fasihurrehman9575
    @fasihurrehman9575 2 роки тому

    Sticky column or section is not working properly with new flexbox layout containers. the sticky element expands or shrink randomly when its in sticky state. anyone have solution for this? or anyone tried it with new flexbox containers?

  • @freemagemarketing1100
    @freemagemarketing1100 2 роки тому

    Why i dont have the positioning menu? where i can find it?

    • @Elementor
      @Elementor  2 роки тому +1

      Hi Freemage, Width and Position (previously named Custom Positioning) have moved to the Advanced > Layout tab.

    • @freemagemarketing1100
      @freemagemarketing1100 2 роки тому

      @@Elementor thank you!

  • @choonah
    @choonah 3 роки тому

    how do you create that hamburger menu?

  • @j.alejandroglez
    @j.alejandroglez 3 роки тому

    Hi! Does anyone knows the css for the outline stroke when image is hover?

    • @j.alejandroglez
      @j.alejandroglez 3 роки тому

      @UCvjkJvHUd8kTbTV5N0CP2mQ Sweet! Do you know how to set it up so when te image is over it transforms?

    • @j.alejandroglez
      @j.alejandroglez 3 роки тому

      @Steven Kiridis thank you!

  • @fitraramadian6545
    @fitraramadian6545 3 роки тому

    How to create floating WhatsApp button?

  • @liorparente6349
    @liorparente6349 3 роки тому

    how can i make the effect like you did in ua-cam.com/video/XiQV4nE8vu8/v-deo.html?
    I'm looking to transport a header/paragraph with a picture (some of the letters will be transparent)

  • @webitedzjapan
    @webitedzjapan 3 роки тому

    Great!!!