How to Create a Smooth Slide-in Sidebar Section in the Divi Theme

How to Create a Smooth Slide-in Sidebar Section in the Divi Theme

Ania Romańska

3 года назад

7,106 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@thingies4U
@thingies4U - 23.11.2023 20:56

Does this keep the sidebar throughout the site or only on the one page?

Ответить
@LeyviGarcia
@LeyviGarcia - 12.09.2023 03:49

nice video, I'm looking to make the same menu, but the trigger button, I want a hamburger menu. I don't know how to do it, can you help me?

Ответить
@timminjares4813
@timminjares4813 - 24.08.2023 02:19

Thank you for this! I'm using a lead form inside the sidebar for my content. But the form extends beyond the 100vh. How do I make the space show all the form?

Ответить
@MrT4sure
@MrT4sure - 23.03.2023 22:49

Brilliant tutorials - quick question - you do mean for this to be placed in a 'customer header' don't you? Also - if I where to add a nav to the slide-out section - is there a method I should be using to close the sidebar on menu item click? Finally, most probably a browser thing but im seeing it work perfectly in the divi builder and on desktop view on 'live' view page - but - the mobile version 'live' doesnt function. Any ideas. Sorry to bombard you

Ответить
@vonwegen916
@vonwegen916 - 12.06.2022 13:31

Hi Ania, great tutorial - as always! I follow you now for 2 years —— I must say: one of the best things in your tutorials is, that you always EXPLAIN - why you are doing things and the functional reasons! I just recognized that huge difference to other tutorials with simple CSS-paste and copy-Codes and where to put them (but NOT WHY) ——— your way I learnt a lot! 🎉❤😊 - thank you so much!

Ответить
@nicocrisafulli4265
@nicocrisafulli4265 - 24.05.2022 02:21

This was a great solution for my problem. Thanks!

Ответить
@smellycat1228
@smellycat1228 - 17.05.2022 14:23

Perfect solution for my custom site, thanks alot for sharing!

Ответить
@deathvalleyyt7165
@deathvalleyyt7165 - 12.05.2022 16:08

Hy i used yoh layout can you tell me ho i just that thing when i click open button after that they go invisible and closed from right side in side of slider

Ответить
@chriscsmoon436
@chriscsmoon436 - 29.03.2022 10:47

Thank you so much, Ania. Your solution works on the first try. Both your video and blog are so thorough and complement each other. Great tutorial. You've saved the day and possibly my pain.

Ответить
@louisdupisani2734
@louisdupisani2734 - 23.09.2021 06:10

Great video Ania! Thanks for the insights.

Ответить
@nicohdsht7438
@nicohdsht7438 - 20.09.2021 16:14

Hi Ania, thank you for this, but i'm facing a little issue with this : my anchor scroll buttons doesn't work after the slide in menu is active. can you tell me how to make them both work ?

Ответить
@artistdiana6841
@artistdiana6841 - 13.09.2021 03:35

do we need a jQuery link somewhere?

Ответить
@dindigitalehjlper4933
@dindigitalehjlper4933 - 18.06.2021 14:16

Is the code still up to date aligned with updates from Divi since you uploaded the tutorial. Great tutorial by the way :-)

Ответить
@donlucasadventure
@donlucasadventure - 17.04.2021 14:40

Awesome! Can I click it from nav menu?

Ответить
@katarzynawidera6607
@katarzynawidera6607 - 15.04.2021 22:34

Aniu, super kanał! Nie mogę się doczekać aż przepracuje wszystkie tutoriale! Dobra robota

Ответить
@erling5148
@erling5148 - 09.04.2021 21:02

hi
is there a option to hide the Sidebar Section when working with the visual builder. I really like this solution but it gets in the way when editing

Ответить
@salam7x
@salam7x - 06.04.2021 19:37

for me as a layman it looks like magic :D

Ответить
@RMSAnalyst
@RMSAnalyst - 30.12.2020 22:21

Excellent tutorial Ania, as always. Is there a way of using vanilla JavaScript rather than Jquery?

Ответить
@urhorattel
@urhorattel - 14.12.2020 22:18

Anya I love you! )
Always simple, nice and understandable!
Thank you!

Ответить
@olgasummerhayes1353
@olgasummerhayes1353 - 14.12.2020 01:22

Great tutorial, I love how you explain everything.

Ответить
@RavindraSDhande
@RavindraSDhande - 11.12.2020 03:15

Ania, loved this tutorial so much, first time I understood the way we write a function and script... You teach so easily... Very easy to understand. Thank you so much for such a wonderful tutorial. If we suggest a few topics can you make tutorials on them... would love to see more such tutorials from you... Very easy to understand...as you teach so nicely...perfect...No one else teaches code like that, just give the code and tell us to copy-paste it... with each tutorial I am learning so much...

Ответить
@ameerlatef
@ameerlatef - 11.12.2020 02:30

I love you

Ответить
@JfDesigns
@JfDesigns - 10.12.2020 18:12

Such an elegant solution. Thank you Ania! I especially appreciate that you walk us through each line of code to explain the function.

Ответить
@michaelkihl
@michaelkihl - 10.12.2020 11:18

🖥😍🖱 A great tutorial , really great, I'm going to put into practice on my side, take care of yourself. 😋

Ответить
@Sunraser72
@Sunraser72 - 09.12.2020 22:46

Looks great! Thanks for the tutorial

Ответить
@thunbo65
@thunbo65 - 09.12.2020 22:35

Thank you so much for this Ania. Im a Divi Lover lover 🥰

Ответить
@medusaweb3876
@medusaweb3876 - 09.12.2020 22:11

Thank you for your work Ania! Amazing!

Ответить
@jimcdg
@jimcdg - 09.12.2020 19:44

Really nice. Thanks for sharing. BTW, enjoy Divi Toolbox ... :)

Ответить
@SinisaSinjori
@SinisaSinjori - 09.12.2020 19:39

Wow! Great idea, and tutorial.
Thank you Ania.

Ответить