title: Logo aligned left desktop / Then Centered on mobile - Bootstrap
body: <p>I've taken a break from HTML &amp; css and now i'm trying to do my new website using bootstrap framework. </p>
  
  <p>I need my logo to sit left on desktop devices but then centered along with the text on the right as well for mobile... I'm having so much trouble trying to figure this out. could someone please help! thanks!</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;header id="headertop"&gt;
  
  &lt;div class="row"&gt;
      &lt;div class="col-lg-9 col-md-9 col-xs-12"&gt;
          &lt;div class="logo-top"&gt; 
          &lt;a href="index.html"&gt; &lt;img class="img-responsive" src="images/ejc-logo.png"/&gt; &lt;/a&gt; 
          &lt;/div&gt; &lt;!-- // end .logo-top --&gt; 
  
      &lt;/div&gt; &lt;!-- // end .col LOGO --&gt;
  
  
      &lt;div class="col-lg-3 col-md-3 col-sm-3 col-xs-12"&gt;
  
          &lt;div class="contact-info-top"&gt;
              &lt;span class="contact-phone hidden-sm hidden-xs"&gt; 973.452.9716 &lt;/span&gt; &lt;br&gt; 
              &lt;span class="contact-email hidden-sm hidden-xs"&gt; support@ejuicecrafters.com &lt;/span&gt; 
  
              &lt;div class="contact-info-top-mobile text-center"&gt;
  
              &lt;h5 class="contact-phone-mobile hidden-md hidden-lg hidden-xl"&gt; 973.452.9716 &lt;/span&gt; &lt;br&gt; 
              &lt;h5 class="contact-email-mobile hidden-md hidden-lg hidden-xl"&gt; support@ejuicecrafters.com &lt;/span&gt; 
  
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/div&gt; 
  </code></pre>
  
  <p> </p>
  
  <p> </p>
  
  <p> </p>