Can't align logo next to menu

• 

  mro1322 · Member · Sep 18, 2018 at 5:37 pm

  • Copy link
  • Add topic to favorites

  Good afternoon,

  I am currently having trouble lining up my logo with my menu. As it is now, the logo is above the menu, creating a large white space at the top of our site. What would be my best way of fixing this?

  The site is http://www.cubcincy.org

  Thank you

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

• 

  yashitamittal · Member · Sep 19, 2018 at 5:15 am

  • Copy link

  Hi there,

  On large screens (min-width: 1200px), you can use this CSS to align both the logo and the menu on the same line

  
  .fusion-main-menu > ul > li {
      padding-right: 35px;
  }
  
  #side-header .fusion-logo, .fusion-header .fusion-logo {
      margin: 30px 0 0 0;
      width: 15%;
  }

  To properly display the logo and menu on all screen sizes, you will need to write some more media queries for small sizes.

  Please note that your site http://www.cubcincy.org is not hosted by WordPress.com. It is using the self-hosted version of WordPress i.e. WordPress.org.

  We are only able to provide assistance to the users whose site is hosted here at WordPress.com.

  You can post your question in the CSS forum of WordPress.org here: https://wordpress.org/support/topic-tag/css/

  If you don’t have an account on WordPress.org, you can use the following link to sign-up:
  https://login.wordpress.org/register