Archived topic
Mobile slideout displaying center align
5 replies · Started by Dave on March 26, 2017
My mobile slideout isn't displaying like I want it to and I can't figure out what I have different that from another site where it worked.
Site I'm working on: http://dev1.igniswebdesign.com/
Site I want the menu to be like: dev.northwestfiretraining.com
Any help?
What about it are you having trouble with?
I want the slideout mobile menu on the wellness site to display like the slideout mobile menu on the fire site with the menu items left aligned and the toggle arrows for the submenus on the far right. Currently the wellness site has them pretty much centered.
That's happening because of your menu item padding you have set.
You can adjust it for the slide-out menu with some CSS:
.slideout-navigation.main-navigation .main-nav ul li a {
padding: 0 20px;
}
.slideout-navigation.main-navigation .main-nav ul li a .dropdown-menu-toggle {
padding-right: 20px;
}That did it. As always, thank you Tom!
You're welcome :)
