Menu toggle in Ixion theme

• 

  viennalibrary · Member · Dec 23, 2016 at 6:43 pm

  • Copy link
  • Add topic to favorites

  I need some help moving the menu toggle in the Ixion theme for the mobile view. The toggle is on top of the logo I have placed on my site, blocking half of it from view. I figured out how to add a media tag to cause the logo not to show up so that it wasn’t being blocked. However, somehow the code I was using also caused the menu button to move almost out of sight – which simply created another problem. I would like a way that my entire logo can be seen with my menu navigation button operational as well. Hopefully, this is possible!

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

• 

  melindahelt · Staff · Dec 23, 2016 at 8:22 pm

  • Copy link

  Hi

  Give this a try. We are going to add some padding to the top of the branding container (which contains the logo) and specifically tell it only to apply at smaller screens using media queries.

  .branding-container {
      padding-top: 50px;
  }
  
  @media screen and (min-width: 50em)
  .branding-container {
      padding-top: 0;
  }

  Let me know how this works for you.

• 

  viennalibrary · Member · Dec 27, 2016 at 1:16 pm

  • Copy link

  Thank you, this seemed to do the trick! I had to up the padding to 75 px and now the entire logo can be seen.