Divi Theme Menu Decoration Top And Bottom Line Effect 👍

Divi Theme Menu Decoration Top And Bottom Line Effect. The Divi theme from elegant themes is absolutely awesome.

CSS code used today:

#top-menu {
height: 30px !important;
margin-bottom: 24px;
}

.menu-item a {
padding: 5px 0 !important;
border-top: solid 2px transparent;
border-bottom: solid 2px transparent;
}

.menu-item a:hover {
border-bottom: solid 2px #0D2B73;
border-top: solid 2px #0D2B73;
color: #0D2B6F !important;
}

.current-menu-item a {
border-bottom: 2px solid #0D2B6F;
border-top: solid 2px #0D2B73;
color: #0D2B6F !important;
}

Follow what I'm doing on:

Recommended Playlists:

Recommended Videos:

#YouTubeTips #WebDesignTips #FreeWebDesignTutorials #BuildYourOwnWebsite