I am a newbie but have found that using a child theme is superior, and when I mess up roll back and delete code until it works again. So if you got a child theme and take backups of the files you have modded there, then you can go back and see what you have done that messes the menu, since it was working from beginning.
Sorry not to be able to specific help 🙂
Hi @yavarkhan, what is your version of the theme?
Thanks
sir,
its 3.1.10
and i think its because of my style.css in the child theme
its this piece of code causing that
/* STEP 1-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.brand.span12 {
float: none;
}
/* STEP 2 */
/* OPTION 1/2 - CENTER TAGLINE */
.tc-header .outside {
display: block;
text-align: center;
}
.site-description {
margin: 0px 0px;
}
.inside.site-description {
display: none;
}
/* STEP 3 */
/* OPTION 1/2 - CENTER SOCIAL ICONS */
.social-block {
text-align: right; /*YK changes */
position: relative;
z-index: 1;
}
/* STEP 4 */
/* OPTION 1/1 - CENTER MENU */
.navbar-wrapper .navbar.notresp.row-fluid {
float: none;
width: 90%;
margin: 0 auto;
}
/* Variable number of floating elements */
.navbar .nav {
float: none;
width: 100%;
text-align: center;
}
.navbar .nav > li {
float: none;
display: inline-block;
}
/* Fix 2nd level <li>s */
.navbar .nav > li .dropdown-menu li {
float: left;
width: 100%;
text-align: left;
}
/* Adjust margin/padding */
.navbar .navbar-inner {
margin: 0px 0px;
padding: 0px 0px;
}
/* STEP 5 */
/* OPTION 1/1 - HIDE NAVBAR BOX */
.navbar .navbar-inner {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* STEP 6 */
/* RESPONSIVENESS */
@media (max-width: 979px) {
.tc-header .brand {
width: auto;
}
.row-fluid .offset1:first-child {
margin-left: 0;
}
}
Try replacing all those .navbar with .navbar.notresp
This way the responsive menu should not be affected.
