Logo next to Main Menu

• 

  jamesvietec · Member · Jan 6, 2016 at 12:50 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’m quite new to WordPress and looking to get some help.

  I’d like my logo for the to be on the same line as the main menu at the top. I have put together an image of what I’d ideally want it to look like here: http://imgur.com/NslSvvv

  Would this be possible?

  My website is: https://vietecblog.wordpress.com/

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

• 

  thesacredpath · Member · Jan 7, 2016 at 8:48 pm

  • Copy link

  Hi there, you can give the following a try and see what you think. Due to the way the menu is laid out, and to prevent it from disappearing off the right side of the page on narrower screens, I’ve used a Media Query to limit this change to 1050px and wider screens. Below that width, things will revert back to the original design. I tightened up the spacing on the menu items to allow me to take the change down to a narrower width.

  @media screen and (min-widht: 1050px) {
  .site-branding .grid {
      float: left;
      padding-left: 70px;
      width: auto;
  }
  .main-navigation-wrapper {
      margin-top: -80px;
  }
  .main-navigation .twelve > div > ul {
      position: relative;
      left: 270px;
  }
  }