Custom menu is misaligned

• 

  langjon · Member · Jun 25, 2014 at 11:19 pm

  • Copy link
  • Add topic to favorites

  Hi! I use the Theme “Kelly” without Custom CSS.
  As soon as I switch to a custom menu in my Dashboard, the menu changes to be left-aligned instead of centered. When I switch back to no menu (one that shows all entries) the menu is properly centered again.
  Any idea if there’s a way to fix it, or is this a bug anyone else is able to reproduce?
  Thanks

  The blog I need help with is: (visible only to logged in users)

• 

  rachelmcr · Member · Jun 26, 2014 at 12:48 pm

  • Copy link

  Hi there,

  Thanks for reporting this! I reproduced the bug with a custom menu in the Kelly theme, and I’ve reported the issue to our theme developers so they can look into it. :)

• 

  langjon · Member · Jun 27, 2014 at 11:31 am

  • Copy link

  Thanks a lot Rachel, I look forward to a fix!

• 

  thomasguillot · Staff · Jun 30, 2014 at 10:26 am

  • Copy link

  Hi Jonathan,

  Thank you for reporting the issue. It has been fixed :)

  Cheers,
  Thomas

• 

  langjon · Member · Jun 30, 2014 at 1:55 pm

  • Copy link

  Awesome, works already! When will the updated version be released for a self-hosted WP installation? The Theme page on theme.wordpress.com still lists v1.0 for downloading.
  Or is there something I can input in the custom CSS for now, until there is a public update?
  Thanks!

• 

  kathrynwp · Staff · Jul 4, 2014 at 9:45 pm

  • Copy link

  Hi Jonathan – updated versions of the theme for self-hosted sites are usually provided once there are enough changes in it to warrant a new release, so it’s hard to give you an ETA. :-) Could you provide a link to your self-hosted site so I can take a look? The theme fix Thomas implemented wasn’t a CSS-only one, but maybe we can help with a workaround. Thanks.

• 

  langjon · Member · Jul 5, 2014 at 11:28 am

  • Copy link

  Thanks Kathryn!
  It’s at http://dermacengel.de

• 

  kathrynwp · Staff · Jul 7, 2014 at 2:53 pm

  • Copy link

  To center your main menu, try adding this to your custom CSS:

  .menu-main-container {
  	margin: 0 auto;
  	display: inline-block;
  }

• 

  langjon · Member · Jul 9, 2014 at 6:45 pm

  • Copy link

  Holy smokes, thanks!
  Worked absolutely great… :)

• 

  kathrynwp · Staff · Jul 9, 2014 at 7:05 pm

  • Copy link

  Glad to hear it!