Full Screen Menu Elementor Pro (background shifting!!)

Поділитися
Вставка
  • Опубліковано 1 січ 2025

КОМЕНТАРІ • 56

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

    And here is the Vertical Sticky Menu tutorial in case you missed it: ua-cam.com/video/8eGelGWkwRw/v-deo.html

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

    Please Update for the container... i can't follow this with the new update

  • @uovt-studenthub2340
    @uovt-studenthub2340 3 роки тому +2

    You have the best elementor tutorials. Keep up the good work

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

      I appreciate that!

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

    A great lover of your work, Thank you !!!!.
    Please the code doesnt work, can you kindly confirm the code on the blog post, Some things have changed there

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

    How can I change the color it shows when the mouse is hovering over it?

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

    Best UA-cam channel for elementor pro tutorial I have ever seen 🔥
    Love from Bangladesh 🥰

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

      Wow! Thank you so much for the kind words :)

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

    OOOOOOOOOh Boy this works like a charm. My website looks like it's on overdrive. Thanks a ton, chief. Looking forward to more crazy hacks from you.

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

    you smash this time as well bro, i like all your tutorial... nicely done.. excited for more coming stuff.

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

    hello, amazing work. on mobile you have to click twice, is there a way around that to just click once?

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

    after 3 years of life problems I got back into coding thanks to you man, thank you for teaching me each day something new for new experience projects

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

      My pleasure Andre. I hope you get better, that's the most important! And thank you for the kind words.

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

      @@KayCinho man u r so underrated. Bro, Do some marketing or feature someone who is already well established. i'm sure once someone sees your single video, they're gonna watch it all like me.

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

    how to we put intermal links to these menu options ? you didnt discuss that on your video ?

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

    Nice and Thanks so much for your clever solution in FE. How ever, I have a question: Does it affected SEO?

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

    All perfect Kaycinho, just one thing. Is any chance to set active look css for active page? For example same in your vide, when you hover VIQUEEN it fill text and change picture, then you click on it and it change site. Then you open menu again but active list is not applied on VIQUEEN but on HOME. Is any posibility to make active only VIQUEEN in this situation?

  • @markowakeup
    @markowakeup 3 роки тому +3

    Hi Kay Cinho,
    I want to thank you for all the great content and tutorials out there! I encountered an issue, when copy pasting the image source URL, the image does not appear to cover the screen even though my images are the same dimension as yours (2560 x 1440 px). Is there a way to fix this? Please let me know :)

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

      im experiencing the exact same problem.were you able to find a fix for it ? please help if you did fix it yourself

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

    awesome, one question, why not use the hello elementor theme? any specific reason?

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

    Thanks for the aweseome tutorial! I have been trying to find this solution for an upcoming client project, your vid answers it perfectly. Can I swap out the images in the sections with video links?

  • @Amitroy0000
    @Amitroy0000 10 місяців тому

    Does this still working with elementor container? or just the section

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

    Is it good to add nav-menu inside popup? Thanks in advance!

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

    amazing brother !! ♥♥

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

      Thanks 🔥 Glad you like it :)

  • @konradwisniewskifitness5356

    Hello. Its amazing! I love you! Almost everything works just great, expect from one thing. I have always got first item opacity 1 when I enter the menu, not the active one :( It goes on in opacity 1 when I hove it, but not when I enter from the current active link. Any idea whats the problem?

  • @laura.hofmann
    @laura.hofmann Рік тому

    Hello,
    Thank you for the great tutorial. I have done everything as in the video. Unfortunately, it finally shows me no photo at the last menu item. It shows a picture at menu1 when I go to the whole menu. However, afterwards this disappears and picture 2 appears at Menu1, leaving the last navigation item without a picture. Do you know what the problem could be?

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

    i literally copied every single step you have shown in the video but the image src didnt have anything so it didnt show any images at first and then with the font the alignment and placement is all off. besides, there is no fill/unfill on hover on the menu text. when i inserted an image source to check, it returned a smaller image width and wouldnt show the text menu on top but next to it. i am using elementor pro latest version . but i am not as good website building .please advise !

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

    Great tutorial! However, there are issues on my attempt, with safari. Looks great on chrome but on safari the menu text i.e home, about etc are only have visible, the top is cut off.

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

    Amazing! How did you make the mouse effect on the text? :)

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

    I made the secton fit to screen and diasbled page scroll but it's still scrollong on pc but works fine on mobile. How can i fix this?

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

    You're the best!! Thank you!

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

    Question! My images are not showing on the tablet and mobile. Do I need to change something in the CSS? Please let me know, thanks!

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

    awesome video! thank you. small question, how do you stretch the images in the background in the html code? i have added my images but they are portrayed as a cropped version behind the menu. which aspect ratio is ideal? thanks!

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

      im experiencing the exact same problem though the images arent cropped but simply smaller.were you able to find a fix for it ? please help if you did fix it yourself

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

    Excellent tutorial. helped me a lot. thanks

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

    This is such an incredible tutorial. Followed to till the end and managed to get the full-screen menu on my website. I, however, noticed that my Header and pages are not completely responsive. When I shrink the web browser to resize the website, I noticed unwanted black margins on the top and side of the header. Is there a way to make the header completely responsive?

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

    Vou comprar meu elementor pro através de ti ainda esta semana. Parabéns pelos videos!

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

    So amazing!! 🎉

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

    ok i tried again and now it seems to work but the alignment is still off ( menu options is more than one word and they are getting auto wrapped) plus there is a long word which appears to be a little on the right by default. secondly, the images are all boxed even when i have made accurate changes everywhere as explained by you. the images are also all large sizes but still they dont seem to cover the screen. why is that ? some advise will help !

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

    Thank you so much, sir

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

      Most welcome, John!

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

    i am beginner and i like video like your one
    the problem is that everibody make video whith inside a menu never explane what appens if i click over a menu voice. In the same manner yoiu dont talk about sub menu voices

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

    Great tutorial bro. Went through it and now have this style of menu in my members area and it looks AWESOME!. 👏🎬

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

      How did you make the images on menu 1, 2, 3 etc appear full size? Mine appears smaller.. Please help thank you!

    • @khan.hassan
      @khan.hassan Рік тому +1

      @@markowakeup Use a the background: cover

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

    thank you for the video🤗

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

    Hey kaycinho nice video and thanks for the awesome Menu tutorial but i have a question. How is that possible on a Onepager ? cuz i cant link the Menu with the URL cuz i have only one URL maybe u could help me :(

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

      Sure, check my free OnePage course around 28"52 : ua-cam.com/video/plYZ6ufzvrU/v-deo.html

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

    your ROCK! Thanks a lot.

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

    Amazing one ... !!!!

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

    Nice but you don't explain that is a bad practice for SEO.

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

    Did anyone manage to do this successfully? If so, please reply to this comment thank you :)