Topbar Menu allignment and Mobile display for Widget

[Arindam]

Arindam

February 10, 2017 at 4:06 am

Hi Ben/Hannah/Kevin,

Greetings. Need some help on CSS for Topbar menu. I have added widget area in Topbar where I am showing the social media icon.

1. There exist a Gap in between the MenuS and Social Media Widget. Will it be possible to evenly distributed them.

2. In Mobile view, the Topbar is coming really wired for Social Widgets and misaligned.Kindly help.

Here is the Already existing Topbar related CSS, I am using.
Link

/*== START :- TopBar */
/* Top Bar Menu alignment */
.col-md-6.col-sm-6.kad-topbar-left{
width: 75%
}
.col-md-6.col-sm-6.kad-topbar-right {
width: 25%;
}
.topbarmenu ul li a {
padding: 7px 30px;
font-size: 14px;
}
.topbarmenu ul li {
float: none;
display: inline-block;
}
.topbarmenu ul {
padding-left: 0;
text-align: center;
}

/* Top Bar Menu Sticking*/

@media (min-width: 768px) {
.headerclass {
margin-top: 40px;
}
#topbar {
position: fixed;
width: 100%;
z-index: 1000;
top: 0;
}
}
/*== END :- TopBar */

Thanks,
Ari