Databases
StackOverflow2013
Postsdbo
POHow to get my logo to center?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to get my logo to center?
    text
    copied!<p>I have a logo that I'm trying to center in my sidebar when viewed in the <strong>mobile phone</strong> size. Right now it stays flush to the left side of the sidebar. You can see it <a href="http://www.ogmda.com/test/menu.html" rel="nofollow">live here</a>.</p> <p>Here's my html code:</p> <pre><code>&lt;aside class="navbar navbar-inverse"&gt; &lt;div class="navbar-inner"&gt;&lt;a href="#"&gt;&lt;img src="img/kobe_logo.png" class="phone-logo visible-phone"&gt;&lt;/a&gt; &lt;ul class="nav pull-right"&gt; &lt;li&gt;&lt;a href="#" style="color: #999;"&gt;&lt;i class="icon-time icon-2x icon-white"&gt;&lt;/i&gt; &lt;span class="misc"&gt;&lt;strong&gt;Open Everyday! 11am - 10pm&lt;/strong&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" style="color: #999;" class="visible-desktop visible-tablet"&gt;&lt;i class="icon-phone-sign icon-2x"&gt;&lt;/i&gt; &lt;span class="misc"&gt;&lt;strong&gt;(512)&amp;nbsp;288-7333&lt;/strong&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="tel:+15122887333" class="visible-phone"&gt;&lt;i class="icon-phone-sign icon-2x"&gt;&lt;/i&gt; &lt;span class="misc"&gt;&lt;strong&gt;(512)&amp;nbsp;288-7333&lt;/strong&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="https://maps.google.com/maps?q=Kobe+Japanese+Steakhouse&amp;hl=en&amp;cid=14743286964168532232&amp;gl=US&amp;t=m&amp;z=16&amp;iwloc=A"&gt;&lt;i class="icon-flag icon-2x icon-white"&gt;&lt;/i&gt; &lt;span class="misc"&gt;&lt;strong&gt;Locate KOBE&lt;/strong&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="https://www.facebook.com/pages/Kobe-Japanese-Steakhouse-Austin-Texas/308215040224"&gt;&lt;i class="icon-facebook-sign icon-2x icon-white"&gt;&lt;/i&gt; &lt;span class="misc"&gt;&lt;strong&gt;See KOBE on Facebook!&lt;/strong&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; </code></pre> <p></p> <p>Note: <em>This problem only exists when viewed in the mobile phone layout. I have this specific logo position hidden when viewed in larger size.</em></p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload