Vertical Menu/Header in Elementor | Elementor Pro tutorial

In this tutorial I will show you how to create simple vertical header using Elementor Pro. Here I will use Elementor Pro features and few line of CSS code.
✅ Get Elementor Pro:
farjana-rashid.com/elementorpro
✅ Get CSS:
farjana-rashid.com/create-sim...
✅Get Domain & Webhosting(60% off):
farjana-rashid.com/bluehost
Start work with me for any wordpress project?
Contact me - farjana-rashid.com/
Social:
Facebook Group: / createwebsitelikeapro

[@sandro5366]

Sooooo helpful, thank you Farjana !

[@sonjamatthees5734]

That worked for me
selector: {
padding-left: 300px;
}
@media (max-width: 1000px) {
selector
{padding-left:0px;}
}

[@user-rw3bd3xc2r]

It really helpful, Thank you for sharing this.

[@selflearnersbd]

Thanks you so much for this valuable tutorial

[@strataseo6840]

Thank you for the video, one observation though, adding custom padding to the left also adds it to mobile and tablet. Meaning, -100px on mobile. (doesn't look great) I needed 250px, this is how I got it looking better:
@media (min-width: 1024px) {[data-elementor-type="wp-page"]
{margin-left:250px;}
}

[@ThanhFreeman]

thank you, your code is helping me alot

[@albertomurilloaira4032]

I had the same problem, in mobile is not working but adding your code is perfect, thanks!

[@RishiKakade]

this code is not working
how to get it done

[@reneh.6998]

After a few tries I found the solution.
@media (min-width: 1024px) {
selector
{margin-left:250px;}
}

[@mertkaradayi3796]

Great tutorial

[@dan_kay]

Thank you so much for the instructions. It looks great!
I have one problem, though. When I reduce my screen size to mobile, I am having a 100 px wide gap on the left side, since we have added that to the site settings.
How do I tell Elementor to not add those 100 px in mobile view?

[@kelvinbabatunde5514]

Don't know if this is still needed. you can specify and edit directly from responsive mode.
Specifying the px from the mobile view by clicking on the responsive mode button at the left-bottom (elementor menu)

[@reneh.6998]

@media (min-width: 1024px) {
selector
{margin-left:100px;}
}

[@ekramulislam4950]

Alhamdullah Help full video go ahed apu

[@farjanarashid644]

You are most welcome

[@sazzadahmed9981]

Huge SEO Issue: You're blocking access to robots. If you want search engines to show this site in their results, you must go to your Reading Settings and uncheck the box for Search Engine Visibility. I don't want this site to show in the search results.
Maam, please help me ..ami amr wordpress site a yoast seo plugin installation korlei ei issu ta acche ...Maam ata kivabe solve korbo

[@strataseo6840]

By default it is unchecked, meaning that she intentionally checked it, meaning that she knows what she is doing, and you don't.