How to add a button to the header nav menu in Elementor WordPress using CSS codes
In this Elementor tutorial video, I am going to show how to add a button to the WordPress header nav menu in Elementor Pro. I have only used a couple of lines of simple CSS codes to turn the last nav menu item in Elementor into a button so it is easier to manage in mobile view, and updates when you change the menu.
class = my-nav
*Copy and paste the CSS codes below*
.my-nav .elementor-nav-menu li:last-of-type .elementor-item {
color:#fff!important;
text-align: center;
background-color: #c0392b;
border-radius: 5px;
}
/*Hover Background color*/
.my-nav .elementor-nav-menu li:last-of-type .elementor-item:hover{
background-color:#000;
}
/*End of CSS code*/
-------------------------------------------
My website:
https://tasvirwebsolutions.com/
𝗖𝗼𝗻𝘁𝗮𝗰𝘁 𝗺𝗲 𝗳𝗼𝗿 𝗵𝗲𝗹𝗽 𝗼𝗿 𝗳𝗼𝗿 𝗺𝘆 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 𝗯𝘂𝗶𝗹𝗱𝗶𝗻𝗴 𝘀𝗲𝗿𝘃𝗶𝗰𝗲𝘀:
[email protected]
Purchase Elementor Pro here:
https://tasvirwebsolutions.com/elemen...
Get Bluehost Hosting, the best for self-hosted WordPress:
https://tasvirwebsolutions.com/bluehost
Смотрите видео How to add a button to the header nav menu in Elementor WordPress using CSS codes онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Tasvir Mahmood 08 Май 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 4,794 раз и оно понравилось 56 людям.