DIAGONAL CONTAINERS MOVE UP&DOWN ON PAGE SCROLL - Elementor Wordpress Tutorial Flex Container

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

КОМЕНТАРІ • 85

  • @andreaegli
    @andreaegli  Рік тому +6

    Building this feature was easier than I thought it would be I might maka an update in the future with some GSAP image effect on scroll but until then...this would do

  • @clintonjethro93
    @clintonjethro93 11 місяців тому +3

    Your channel is a goldmine. Thanks Andrea

    • @andreaegli
      @andreaegli  11 місяців тому

      Thank you so much, Clinton! Let me know if there’s something you would like to see in the channel 😉

  • @hashimmughal7350
    @hashimmughal7350 9 місяців тому

    You are such an adorable web designer I've ever seen. Wheneve I saw you and your work, literally I feel happiness because you are cute and good as your work.

  • @websquadron
    @websquadron Рік тому +2

    Super smart!

  • @musifox2528
    @musifox2528 15 днів тому +1

    You can use global styling to remove the padding of the entire section, just like you make everything better. ❤

  • @thewebstylist
    @thewebstylist Рік тому +1

    Another AMAZING modern $tyle! Totally agree on scroll styling is priceless

  • @frzsme
    @frzsme 10 місяців тому +1

    actually it was so great for me i learned so much simple things that i didnt we can do in elementor like overflow: hidden!!! so much confused before when i see horizontal scroll, thanks soooooooooooooooooo much.

  • @Jebesniper
    @Jebesniper Рік тому +1

    Crazy i just got a project that needs this and this showed up on my feed i definitely needed this. Thanks Andrea

  • @martialcouderc1545
    @martialcouderc1545 Рік тому +1

    Thanks Andrea, another great tutorial. It's great! You look great in red 😊

    • @andreaegli
      @andreaegli  Рік тому +1

      You are welcome & thank you very much, Martial☺️

  • @baptistedebels8987
    @baptistedebels8987 Рік тому +2

    Very cool ! I follow all your videos, probably one of my favorite channel. Thanks a lot for your work and sharing, nice mind set ! 🙏❤

    • @andreaegli
      @andreaegli  Рік тому +1

      Thank you so much, Baptiste! Comments like yours keep me going tbh😉

  • @deepanshusetia3492
    @deepanshusetia3492 Рік тому +1

    Loved the design. You are one of those great designs who even make the designs responsive.

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

      Thank you very much! I'm fulfilling my duty as a designer😁 what is a web design if it's not responsive, right?

  • @teuccio73
    @teuccio73 Рік тому +2

    your tuts are alway most useful !!!

  • @iwebmediahub8087
    @iwebmediahub8087 Рік тому +1

    Great Work Andrea, Really need this right away lol, thumbs up

  • @christrim320
    @christrim320 2 місяці тому

    your content is amazing,thank you so much for your hard work.

  • @abhishekparida19
    @abhishekparida19 Рік тому +1

    Bro!!! Keep up the amazing work! Really showing some new stuff which can't be found anywhere!!!

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

      Thanks! Will do!😁 In the meantime, let me know if there's anything you'd like me to recreate...

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

      @@andreaegli Hi Andrea, I sat down to create this effect on my website but I have the elementor free version so the scroll won't work. I will use it without the effect for now.
      This made me realize that how important is to learn how to code. I could have used the marquee code you created on the images to find a work-around but I don't know how.
      I will learn css now. Wish me luck.

  • @mukulgoingdark
    @mukulgoingdark 4 місяці тому +1

    This works perfectly!!

  •  Рік тому +1

    Oh yeah.. I'm waiting!

  • @Shortisenough
    @Shortisenough 9 місяців тому

    You're tutorials are awesome ❤

  • @NinaWorx
    @NinaWorx 4 місяці тому +1

    works perfectly! thanks so much!!!

    • @andreaegli
      @andreaegli  4 місяці тому

      nice! you're very welcome!!!

  • @erhamotionvideo7517
    @erhamotionvideo7517 Рік тому +1

    yeeeeah I will sit in the front, we love elementor

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

      love it! don't forget to grab some popcorn 😁

  • @JohnXionidis
    @JohnXionidis Рік тому +1

    Really nice effect! Thank you for this

    • @andreaegli
      @andreaegli  Рік тому +1

      Glad you like it, John!🤓... and you're very welcome!

  • @NaveedAhd
    @NaveedAhd Рік тому +1

    ahhh can wait for this banger

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

      hehe, I hope it will not disappoint😁

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

    Love your work ! 💫❤💯

  • @sumeramughal
    @sumeramughal Рік тому +1

    Thanks for amazing effect! Can we accomplish this with sections instead of containers?

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

      Thank you so much! I honestly don't know, I've stopped using sections since containers were introduced. You can mix containers with sections on the same website if you want to implement this effect...

    • @sumeramughal
      @sumeramughal Рік тому +1

      @@andreaegli thanks! I converted the website to containers, and voila it works :) Thank you and keep it up!

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

      @@sumeramughal fantastic! you are very welcome

  • @Abdullah_WordPress_Expert
    @Abdullah_WordPress_Expert Рік тому +1

    thanks ma'am for the best tracks

  • @jonathanalonhalimi5187
    @jonathanalonhalimi5187 6 місяців тому +1

    Is it possible to make it in a way that you can change the photos without replacing them individually inside Elementor?

    • @andreaegli
      @andreaegli  6 місяців тому +1

      You could try doing that with ACF, it should work just fine 😉

  • @MrNeptoon
    @MrNeptoon Рік тому +1

    Hi, The linked code is for a different effect/video "text over video"

  • @jean-mahmoud_du_tacobel
    @jean-mahmoud_du_tacobel Рік тому +1

    Thank you Andrea 🙌 And you are so beautiful 🌺🌺🌺❤️

  • @floyd1411
    @floyd1411 Рік тому +1

    Hiya, amm quick question related to the non design elements of a website. Wouldn't this slow down the website because of the number of images? Also if it is converted to webp, would that be better then to use?

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

      Hey! Definetly always use webp. If you optimize images as best as you can, nope. Imagine working on a photography website and telling your client not to put too many pics up because it will slow down the website? I would recommend checking @websquadron channel for the best image optimization tips

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

      @@andreaegli ohhh that is an excellent response. I complete hear you. My stratergy was to put a few images on the home page and then have all th bulk of the images on a whole new page. And yaa i do follow websqadron and infact my concern of using too many images was from there. But you are absolutely right, there will be scenarios where images are the main part of the website and we cant shy away from giving it the best design. Thank you, Andrea.

  • @turekmateusz
    @turekmateusz Рік тому +1

    What if I add lenis scroll on that is that gonna work ?
    I dunno if I use lenis motion effect from elementor don’t gonna work
    I know when you use locomotive scroll the motion effects not working

    • @andreaegli
      @andreaegli  Рік тому +1

      Just tested with lenis scroll and it works!
      Yeah, I prefer lenis over locomotive for this reason...plus, lenis supports sticky/fixed positioning which is great, especially for navbars...

    • @turekmateusz
      @turekmateusz Рік тому +1

      @@andreaegli ngl you saved my ass for figuring out scroll triggers for thouse 😀😀 ( which I still need to learn how to use it 🫠)
      Thank you 🙏🏼🙃
      You doing great job on UA-cam btw . 💜

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

      @@turekmateusz hehe, you're welcome!
      Aww, thank you so much!

  • @sdfsfsfd437
    @sdfsfsfd437 Рік тому +1

    hi there! just a question please: what program is the one you are using? thanks a lot.

    • @andreaegli
      @andreaegli  Рік тому +1

      hey! What do you mean by program? Are you referring to the software/page builder? If so, it's Elementor...

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

      @@andreaegli yes, thanks: I meant that software.

  • @kamessytta
    @kamessytta Рік тому +1

    Bravo! 👌👍❤️👏👏👏

  • @ondraman
    @ondraman Рік тому +1

    Thank you

  • @estefanoaquino
    @estefanoaquino 8 місяців тому

    EXCELENT

  • @oppaisensei6087
    @oppaisensei6087 Рік тому +1

    Notion is saying page doesn't exist or i don't have permission to access it

    • @oppaisensei6087
      @oppaisensei6087 Рік тому +1

      Wonderful video btw
      You're literally amazing

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

      Ufff, I need to find a better solution than Notion, should be ok now😉 lemme know if all good!

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

      Thank you so much!

    • @oppaisensei6087
      @oppaisensei6087 Рік тому +1

      @@andreaegli one thing I love about you is you reply to comments and engage with your community
      Most other UA-camrs just ignore comments

    • @oppaisensei6087
      @oppaisensei6087 Рік тому +1

      @@andreaegli thank you
      Your really underated and you have amazing content

  • @deividasbilys3809
    @deividasbilys3809 Рік тому +1

    best

  • @AllenLu
    @AllenLu Рік тому +2

    Im here for the dress actually

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

      I can't even with your comment!!!😂

  • @sebdemb
    @sebdemb Рік тому +1

    OMG fcking amazing! Huuge thank you for your work.

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

      Best comment ever!!! 😅 thank you so much, Sebastian!!! Lemme know if there’s smth you’d like to see me recreate 😎

  • @syedjaved7300
    @syedjaved7300 Рік тому +1

    I liked the dress
    😉

  • @sethmarlee3303
    @sethmarlee3303 Рік тому +1

    Promo*SM