title: Cannot get my site logo to appear on the same line as the hamburger icon
body: <p>My site is built with bootstrap 3.  The mobile version collapsed nicely. It displayed the small version of my site logo then the hamburger icon in the right corner on the first line.  Some pages caused the hamburger to be way off to the right so I left justified it so it appeared strait after the logo.  But that looks odd.  So I moved the hamburger to the left corner.  But, now the logo appears on the next line which also looks naff.  I've moved the image around in the code and had a look at the css (which is a big weak point for me) but I just can't crack it.  So I'm looking for ideas please.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container" id="main"&gt;
  &lt;div class="navbar navbar-custom navbar-fixed-top" role = "navigation"&gt;
   &lt;div class="container" id="reduce_padding"&gt;   
    &lt;div class="navbar-header"&gt;
     &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false"&gt;
     &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;  &lt;!-- Recommended to allow use of screen readers --&gt;
       &lt;span class="icon-bar"&gt;&lt;/span&gt;  &lt;!-- These three lines create the bars in the drop down box in the top right corner that appears when the screen is shrunk for use of mobile phones --&gt;
       &lt;span class="icon-bar"&gt;&lt;/span&gt;
       &lt;span class="icon-bar"&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;/div&gt;  &lt;!-- End div navbar-header --&gt;
    &lt;!-- NAVBAR LINKS --&gt; 
      &lt;div class="navbar-collapse collapse navbar-inner"&gt;
        &lt;ul class="nav navbar-nav nav-center"&gt;
          &lt;li&gt;&lt;a href="../index.php"&gt;Home&lt;/a&gt;&lt;/li&gt;
  
          &lt;li&gt;&lt;a href="../bs3/programme.html"&gt;Programme&lt;/a&gt;&lt;/li&gt;
  
          &lt;li&gt;&lt;a href="../bs3/galleries/member_galleries.php"&gt;Galleries&lt;/a&gt;&lt;/li&gt;
          &lt;li class="dropdown"&gt; &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Competitions &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
            &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;&lt;a href="../bs3/competitions/current/comp_bill_jenkins_shield.php"&gt;Bill Jenkins Shield&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../bs3/competitions/current/comp_colour_print.php"&gt;Colour Print&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;a href="../bs3/competitions/current/comp_creative_digital.php"&gt;Creative Digital&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../bs3/competitions/current/comp_digital_portfolio.php"&gt;Digital Portfolio&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../bs3/competitions/current/comp_monochrome_print.php"&gt;Monochrome Print&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../bs3/competitions/current/comp_panorama_and_letterbox.php"&gt;Panorama and Letterbox&lt;/a&gt;&lt;/li&gt;            
              &lt;li&gt;&lt;a href="../bs3/competitions/current/comp_print_challenge.php"&gt;Print Challenge&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;!-- end of dropdown-menu - competitions --&gt; 
          &lt;li class="dropdown"&gt; &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;About Us &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
            &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt; &lt;a href="../bs3/about_us/more_on_the_club.html"&gt;More on the Club&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt; &lt;a href="../bs3/about_us/contact_us.php"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt; &lt;a href="../bs3/about_us/where_we_meet.html"&gt;Where We Meet&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;!-- end of dropdown-menu - about us --&gt;
          &lt;li class="dropdown"&gt; &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Members &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
            &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt; &lt;a href="../bs3/members/rules_submissions.html"&gt;Submission Info&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt; &lt;a href="../bs3/members/rules_categories.html"&gt;Categories Info&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt; &lt;a href="../bs3/members/comp_hand_in_dates.html"&gt;Comp. Hand in Dates&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../bs3/members/comp_judges.html"&gt;Competition Judges&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../bs3/members/photographer_of_the_year.html"&gt;Photographer of the Year&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../bs3/members/roll_of_honour.html"&gt;Roll of Honour&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;!-- end of dropdown-menu - members --&gt;
          &lt;li class="dropdown"&gt; &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Resources &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
            &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;&lt;a href="../bs3/resources/goshoot.html"&gt;Upcoming Shooting Events&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../bs3/resources/links.html"&gt;Useful Links&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../bs3/resources/how_to_photo_edit.html"&gt;Introduction to Photo Editing&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="../bs3/resources/historical_documents.html"&gt;Club Archive&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;!-- end of dropdown-menu - resources --&gt;
        &lt;/ul&gt;
      &lt;/div&gt;  &lt;!-- End div class="container" id="reduce_padding" --&gt;
      &lt;!-- Show the small logo only on mobile devices --&gt;
      &lt;a class="navbar-brand visible-xs" href="#"&gt;&lt;img src="../bs3/images/gifs/logo_small.gif" alt="Logo"&gt;&lt;/a&gt;        
  
    &lt;/div&gt;  &lt;!-- End div class="navbar navbar-custom navbar-fixed-top" --&gt;
  &lt;/div&gt;  &lt;!-- End div class="container" id="main"  --&gt;</code></pre>
  </div>
  </div>
  
  <a href="https://i.stack.imgur.com/dIa40.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dIa40.jpg" alt="Screenshot as requested"></a></p>