Topbar Dropdown Menu

.swm-topbar-main-container { z-index:9; }

.swm-topbar { z-index:5; }

.swm-topbar ul ul {
width:200px;
padding:20px 30px;
margin:0;
border:1px solid rgba(255,255,255,0.1);
visibility:hidden;
opacity:0;
position:absolute;
top:100%;
left:0;
background:#252628;
color:#bbbbbb;
z-index:1;
}
.swm-topbar ul ul a {
color:#bbbbbb;
display:block;
}

.swm-topbar ul li { position:relative; }

.swm-topbar ul li ul {
transition: transform 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
-moz-transition: transform 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
-webkit-transition: transform 0.2s linear, opacity 0.2s linear, visibility 0.2s linear;
transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
}

.swm-topbar ul li:hover ul {
display:block;
visibility:visible;
opacity:1;
transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
}

.swm-topbar ul ul li {
display:block;
padding:5px 0;
margin:0;
line-height:1.7;
}

.swm-topbar .left { z-index:2; }

ul.swm_tb_right li ul {
right:0;
left:auto;
}

@media only screen and (max-width: 979px) {
.swm-topbar ul ul li { text-align:left; }
.swm-topbar ul:not(.swm-topbar-socials) li:first-child { margin:0; }
ul.swm_tb_left > li > a,
ul.swm_tb_right > li > a{
pointer-events: none;
cursor: default;
}
}

Add code snippet in the child theme's style.css file ( Child Theme Setup Video Tutorial ) or Dashboard > Appearance > Customize > Additional CSS.