WordPress center logo in menu header using Elementor pro & CSS

Learn how to build WordPress header with center logo in menu using Elementor pro theme builder and using simple custom css.

We are just going to use a single column, a single nav menu and logo widget to do this the smart design school way 🙂

►Get Elementor pro:
https://bit.ly/designelementorpro

⚡️⚡️ CSS DISCUSSED IN THE VIDEO ⚡️⚡️⚡️

/*START OF THE CODE*/

.my-nav ul li:nth-child(4){
margin-right: 150px;
}
.my-nav ul li:nth-child(5){
margin-left: 150px;
}

/*replace my-nav with css class name that you’ve used for your header*/
/*Also change n-th child value based on the menu elements that you want to add gap in between*/

/*END OF THE CODE*/

⚡️⚡️ OUR FINEST RECOMMENDATIONS ⚡️⚡️⚡️

If you like my work and would like to support the channel, consider purchasing our handpicked affiliate plugins and themes from below.

DISCLAIMER : I may earn a small commission from the links below that won’t cost you more but rather help me create more such videos. My recommendations don’t affect the content that I create.

► ELEMENTOR AND ADD-ONS ◄

►Elementor pro – https://bit.ly/designelementorpro
►Dynamic content plugin – https://bit.ly/designdynamicooo
► Unlimited elements pro – https://bit.ly/designunlimited
►Crocoblock – https://bit.ly/designcrocoblock
►Ultimate add-ons – https://bit.ly/designuae
►Exclusive add-ons – https://bit.ly/dsexclusive

► BEST HOSTING ◄

►SiteGround – http://bit.ly/dssiteground

► BEST WordPress THEMES ◄

►Astra Pro – https://bit.ly/designuae
►Neve Pro – https://shrsl.com/2a728
►Gutenix pro – https://bit.ly/designgutenix

► BEST WordPress PLUGINS ◄

►WPForms – https://shrsl.com/258qs
►WPVivid pro – https://bit.ly/designwpvivid