TopBar Menu Sticky and Social media icon

[Arindam]

Arindam

March 28, 2016 at 3:13 pm

Hi,
To make my Topbar Sticky I have added this CSS found in another thread. It worked but with some small glitches.

/* Top Bar Menu Sticking */

@media (min-width: 1200px) {
.headerclass {
margin-top: 40px;
}
#topbar {
position: fixed;
width: 100%;
z-index: 1000;
top: 0;
}
}

1. The TopBar is not completely Sticky(Fixed) and Responsive. If I squeeze the browser at some point the Sticky option goes untill it came as a mobile menu.

2. Along with this TopBar if I want to add the Social Media icons/button at Right side it breaks the Topbar. Here is the code for Topbar menu allignment that has been used:-

/* Top Bar Menu alignment */
.col-md-6.col-sm-6.kad-topbar-left{
width: 100%
}
.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;
}

Site Link:-

Regards,
Ari.