Menu and Icon image are laying on top of each other

• 

  firebornfitness · Member · Jun 6, 2017 at 9:53 pm

  • Copy link
  • Add topic to favorites

  Hello. When I click on the menu of my website, the icon image is laying over the home tab and the X on the menu. If I display my site identity it does the same thing but, worse. How do I create space between the menu and my icon or site identity? Thanks in advance for any help!

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

• 

  assadaboultaif · Member · Jun 6, 2017 at 10:36 pm

  • Copy link

  Hi there!

  What theme are you using? I’ve added the modlook tag so staff can support you.

  Hope this helps!

• 

  firebornfitness · Member · Jun 6, 2017 at 10:58 pm

  • Copy link

  Thank you assadaboultaif! I am using the perennial theme.

• 

  thesacredpath · Member · Jun 7, 2017 at 2:36 am

  • Copy link

  @assadaboultaif, there is no need to add a modlook tag unless it is something that is sort of broken. We work through the forum threads from oldest to newest each day.

• 

  thesacredpath · Member · Jun 7, 2017 at 2:39 am

  • Copy link

  Hi @firebornfitness, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and you can adjust the 4.5rem value as desired.

  .main-navigation .main-navigation-inside {
  	padding-top: 4.5rem;
  }

• 

  firebornfitness · Member · Jun 7, 2017 at 3:41 am

  • Copy link

  Hi @thesacredpath, THANK YOU SO MUCH!!! It worked!

• 

  thesacredpath · Member · Jun 7, 2017 at 3:59 am

  • Copy link

  Awesome, and you are welcome!