Menu design help

• 

  amandaperezrd · Member · Jan 19, 2018 at 6:53 pm

  • Copy link
  • Add topic to favorites

  Hello!

  I am using the momoyo theme and on my site, there is a “hamburger” menu that blocks a part of my main header on the left side. Is there anyone who has any way to move this menu so it isn’t blocking my main header anymore? I should mention, this happens when you view my site on a mobile device.

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

• 

  mommyhive · Member · Jan 19, 2018 at 7:07 pm

  • Copy link

  Hi amandaperezrd,

  I don’t see any hamburger menu in your site. Could you please give in more details regarding the issue?

  Thank you.

• 

  amandaperezrd · Member · Jan 19, 2018 at 7:08 pm

  • Copy link

  Are you looking at it from a mobile device browser?

• 

  thesacredpath · Member · Jan 19, 2018 at 7:29 pm

  • Copy link

  Hi @amandaperezrd, it looks like you are using WordPress but you are not hosted here at WordPress.com. These forum are for those hosted here at WordPress.com. For self-hosted WordPress sites such as yours using Momoyo, there is a dedicated support forum at WordPress.org where you can post your questions directly to the theme author.

  The differences between WordPress.com and WordPress.org.

  I did take a quick look at your site, and what I would suggest would be the following, which right-aligns the site title for screens 480px and narrower, and also reduces the font size so that there is room for both the title and the menu toggle on smaller screens.

  @media screen and (max-width: 480px) {
  	.site-branding .site-title {
  		text-align: right;
  		padding-right: 20px;
  		font-size: 2.2em
  	}
  }