[Resolved] Mobile slideout displaying center align

Home Forums Support [Resolved] Mobile slideout displaying center align

Home Forums Support Mobile slideout displaying center align

  • This topic has 5 replies, 2 voices, and was last updated 7 years ago by Tom.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #297779
    Dave

    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?

    #297822
    Tom
    Lead Developer
    Lead Developer

    What about it are you having trouble with?

    #297957
    Dave

    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.

    #298005
    Tom
    Lead Developer
    Lead Developer

    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;
    }
    #298081
    Dave

    That did it. As always, thank you Tom!

    #298164
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.