Fixed Sidebar with Menu - Elementor Wordpress Tutorial

Пікірлер: 52

  • @Jim.Hummel
    @Jim.Hummel Жыл бұрын

    Super effective. Your style of showing these techniques is fantastic. These tutorials are so actionable and can be recreated quickly! Thanks for sharing!!!

  • @LordJHouse
    @LordJHouse8 ай бұрын

    Wow, this is awesome! I've been looking for an Elementor Sidebar tutorial for awhile now, but all of them required 3rd party plugins, or the tut was kinda Micky Moused. The way you teach it though is super on point, precise, and proper...even down to the 200px sidebar padding on desktops assuming your menu is 200px. That makes complete sense. I'm bookmarking this video for sure. Thanks so much!

  • @learnearn3166
    @learnearn3166 Жыл бұрын

    Hey Imran, I'm lucky I've been spending 2 hours a night on it but I didn't know how to do it. But I found a solution. I did it the other way. Yes, your tutorial is also very good. I always look forward to your tutorial. Thank you for this tutorial.

  • @samwillun
    @samwillun Жыл бұрын

    You are one of the strongest Elementor users on KZread, and I have learned a lot from your videos. Thank you sincerely bro~!

  • @websquadron

    @websquadron

    Жыл бұрын

    I appreciate that!

  • @RodrigoFlores
    @RodrigoFlores Жыл бұрын

    WOW ! Thanks for this useful tip.

  • @wordpress9
    @wordpress99 ай бұрын

    Thanks for the great tutorial.

  • @MuhammadAhmed-vq4qe
    @MuhammadAhmed-vq4qe8 күн бұрын

    Amazing

  • @hak618
    @hak618 Жыл бұрын

    Very useful

  • @rogerio8710
    @rogerio8710 Жыл бұрын

    Obrigado por essa aula.

  • @rh619
    @rh619 Жыл бұрын

    awesome

  • @user-qi3yj3uq5o
    @user-qi3yj3uq5o11 ай бұрын

    Great video, and thank you for the tutorial! Quick question, when I add an image to the top of my home page, there is a white empty space to the right of the image that goes to the edge of the screen. How do i extend the image to be full width of the container when full width is already selected for the container?

  • @websquadron

    @websquadron

    11 ай бұрын

    Is there any padding or custom width ?

  • @QuaverloveStudio
    @QuaverloveStudio Жыл бұрын

    Thanks for that, Imran. Very handy, indeed! Before you added the image, you said a left margin of 200px... but then you used padding instead. Is it just a case of tomato tomato, or is one more fit for purpose than the other?

  • @websquadron

    @websquadron

    Жыл бұрын

    It’s me being silly with my words. Follow what I did on screen.

  • @AlbaCastroCovarrubias-po1ns
    @AlbaCastroCovarrubias-po1ns10 ай бұрын

    Hey! I'd like to make my sticky vertical menu sticky until reaching the footer and then stop it there. So far it is going under the footer because I wrote on it a higher Z-index but it is not the result I am looking for. Could you please give a solution for this problem? Thank you so much! I adore your videos! :)

  • @websquadron

    @websquadron

    10 ай бұрын

    Let me think about that

  • @onbeefpv
    @onbeefpv5 ай бұрын

    Hello thank you for the video it's great, I wonder if you'd be able to open the menu only when hovering over the mouse? thx

  • @websquadron

    @websquadron

    5 ай бұрын

    Yes add selector:hover to make it appear when you hover.

  • @onbeefpv

    @onbeefpv

    5 ай бұрын

    @@websquadron thx on the main CSS container ?

  • @99Savage_XXX
    @99Savage_XXX Жыл бұрын

    nice video, it's better if you can make the menu text color change when scrolling in different sections.

  • @websquadron

    @websquadron

    Жыл бұрын

    Yup that need some JS based on detecting class names for the sections/containers.

  • @holliswebb1800
    @holliswebb180011 ай бұрын

    question, my e-friend; can i use a fixed container high z-index instead of a "header"? excellent presentation and as always, has left me thinking about directions i'd like to go in thx

  • @holliswebb1800

    @holliswebb1800

    11 ай бұрын

    never mind...i got it! jolly good ino

  • @MyTubezx
    @MyTubezx11 ай бұрын

    How open the page on same box...like we have in Website builder in godaddy...in sideline theme....I mean if we click on Home or Services or contact us tab menu..it will not open new page but in same page.....I mean one page website with menus...

  • @websquadron

    @websquadron

    11 ай бұрын

    Use tabs to open content inside the same page

  • @corncerts
    @corncerts11 ай бұрын

    what if I want to edit a sidebar in an existing page? I've done your tutorial but on an existing page however when i published it, the buttons are unresponsive pls help

  • @websquadron

    @websquadron

    11 ай бұрын

    You can edit the template buy also check if you have some JS optimisation.

  • @davidspot191
    @davidspot1916 ай бұрын

    Will this be the same procedure when making it a header template?

  • @websquadron

    @websquadron

    6 ай бұрын

    Absolutely.

  • @enjoycoding55
    @enjoycoding558 ай бұрын

    I could not get the header in a container. So, the height of the header box can not be changed. What am I missing ?

  • @websquadron

    @websquadron

    8 ай бұрын

    Unsure until I see it?

  • @retchienavarro9201
    @retchienavarro9201Ай бұрын

    Hi, I know this tutorial has been posted 10 months ago, but I can still ask something? How do I add a scroll bar if I wanna put more than menu in it?

  • @websquadron

    @websquadron

    Ай бұрын

    Maybe try this: kzread.info/dash/bejne/d6Ggucmdoqifeto.htmlfeature=shared

  • @cipher893
    @cipher893 Жыл бұрын

    How well does the containers work for actual e-commerce today? For an example integrated with WooCommerce

  • @websquadron

    @websquadron

    Жыл бұрын

    Perfectly fine as does the loop grid

  • @cipher893

    @cipher893

    Жыл бұрын

    @@websquadron That's great! I was a bit hesitant to start using it but I'll make a child theme and start checking it out as it's a much better system if it's stable enough

  • @haley5501
    @haley55013 ай бұрын

    When I set the position to fixed, the links in the header become unclickable - why is that?

  • @websquadron

    @websquadron

    3 ай бұрын

    Set the z index to be high and make sure that elements are using custom width

  • @Sashad2003
    @Sashad20036 ай бұрын

    Nice tutorial 👍 What about the same menu for all pages on the site?

  • @websquadron

    @websquadron

    6 ай бұрын

    Add it to a header template

  • @layaafkhami1279
    @layaafkhami12796 ай бұрын

    hi why when i choose fixed for position.. the item will gone :(

  • @websquadron

    @websquadron

    6 ай бұрын

    Not sure

  • @caknuckler
    @caknuckler Жыл бұрын

    Every time I think I have a design in my head I watch one of your videos and think..oh man…delete..delete..delete..new page. Your killing me.

  • @drradon
    @drradon9 ай бұрын

    Why dont have I containers in my Elements?!

  • @websquadron

    @websquadron

    9 ай бұрын

    Which version of Elementor are you using?

  • @MD0MDI
    @MD0MDI4 ай бұрын

    You do not explain how to tell the links to show in this page and not just overright the entire page and thus loose the sidebar.

  • @websquadron

    @websquadron

    4 ай бұрын

    It’ll be wherever you add the short code

  • @shahriar0247
    @shahriar02473 ай бұрын

    what to do after creating the page? that wasnt shown in the video, disliked

  • @websquadron

    @websquadron

    3 ай бұрын

    What do you mean, what do you do? This is just a tutorial on how to create a sidebar. Take care and I hope you succeed in searching for your answers.

  • @stephenkilelu
    @stephenkilelu5 ай бұрын

    you skipped alot of steps, am not even sure that's the correct way

  • @websquadron

    @websquadron

    5 ай бұрын

    I didn't skip anything. And it works. And it's used on many sites :) :) :) See the comments below :)

Келесі