October 16, 2015 at 2:22 pm
Hi Kadence Themes Support Staff,
Thank you in advance for a versatile theme with an extensive options GUI.
The local non-profit I’ve been assisting has requested a web redesign and I am attempting to center the menu, and am losing the mobile menu.
I have added this code from this post to center the menu and remove the logo:
@media (min-width: 900px){
.kad-primary-nav ul.sf-menu {
float: none;
background-color: transparent;
}
.kad-header-left {
position: absolute;
z-index: 20;
}
.kad-header-right {
width: 100%;
text-align: center;
}
.kad-primary-nav ul.sf-menu li {
float: none;
display: inline-block;
}
.kad-primary-nav ul.sf-menu > li.menu-cart-icon-kt, .kad-primary-nav ul.sf-menu > li.menu-search-icon-kt {
float: center;
}
}
#thelogo {
display:none;
}
It appears that in doing so there is not a three-bar menu popout button on mobile devices. How do I get the mobile menu up and running?
I also noticed that as I changed the settings in the Menu Settings Theme options, the Menu would reset itself to the default aligned right, with logo displayed. Re-saving the open Advanced Settings tab will re-center the menu. Do you know why this happening?