Menu Bar

• 

  mep625 · Member · Nov 3, 2015 at 10:03 pm

  • Copy link
  • Add topic to favorites

  I am wanting to add a logo/image to the “menu bar” at the top of my webpage pestprosolutions.wordpress.com, and I would like for it to be similar to stevespestcontrol.com with the menu bar.

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

• 

  nizamilputra · Member · Nov 4, 2015 at 6:31 am

  • Copy link

  Hello there,

  Let me try to help you. You can use this css;

  #header-wrap{
      width: 35%;
      float: left;
      background: #333;
      padding-left: 1.8em;
      box-sizing: border-box;
  }
  #navi-wrap {
      width: 65%;
      float: right;
      padding: 2.25em 0;
  }

  It will be like this https://cloudup.com/ccQ4LzZxbJq

  And also please use this css for small screen;

  @media (max-width: 1100px){
    #mainnav-menu a{
      padding: 1.5em 1em;
    }
  }
  
  @media (max-width: 960px){
    #navi-wrap{
      padding: 1.75em 0;
    }
  }
  
  @media (max-width: 640px){
    #navi-wrap,
    #header-wrap{
      float: none;
      width: 100%;
      padding-left: 0;
    }
  }