<div>
that worked! how did you figure this out?
</div>


that worked! how did you figure this out?

<div>
I saw that you had the definition in place for <i>h1.site-title img</i>. In fact you had repeated it in three different places in styles.css :) However, at the 990 to 1024 pixel width, it was being overridden by the bootstrap <i>col-md-5</i> definition. <i>col-md</i> covers 992 to 1200px. Your problem was only at the bottom end of that range so you could not change to <i>col-md-12</i>. Media query was the quickest solution.<br />
<br />
Thanks for the points.
</div>


I saw that you had the definition in place for h1.site-title img. In fact you had repeated it in three different places in styles.css :) However, at the 990 to 1024 pixel width, it was being overridden by the bootstrap col-md-5 definition. col-md covers 992 to 1200px. Your problem was only at the bottom end of that range so you could not change to col-md-12. Media query was the quickest solution.

Thanks for the points.

<div>
I know-I was repeating it because I was desperate ;)<br />
<br />
Thanks so much for the explanation and the solution
</div>


I know-I was repeating it because I was desperate ;)

Thanks so much for the explanation and the solution

<div>
<div class="content wysiwyg-content">
When this hits 992 wide:<br />
<br />
<a href="http://cjehost.com/ncjwla3/" rel="ugc">http://cjehost.com/ncjwla3<wbr />/</a><br />
<br />
The logo shifts to the left. I need it to be centered until I hit the next breakpoint:<br />
<br />
@media (min-width: 1025px)<br />
<br />
css I'm using to keep the logo centered:<br />
<br />

<pre><code id="code-10-28692664-1">h1.site-title img{margin-left:auto;margin-right:auto;}</code></pre>
<br />
It's already there earlier in the earlier breakpoint and it shouldn't shift from center unti it hits 1025px.
</div>
</div>


When this hits 992 wide:

http://cjehost.com/ncjwla3/ (http://cjehost.com/ncjwla3/)

The logo shifts to the left. I need it to be centered until I hit the next breakpoint:

@media (min-width: 1025px)

css I'm using to keep the logo centered:

(CODE)

It's already there earlier in the earlier breakpoint and it shouldn't shift from center unti it hits 1025px.

WordPress &gt; Bootstrap theme - centering element anomily

WordPress is a free and open-source content management system (CMS) based on PHP and MySQL for creating websites and blogs. Features include a plugin architecture, a template system and strong management, customization and search systems; through its dynamic presentation of content, webmasters have the flexibility to create websites easily.

WordPress

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

WordPress &gt; Bootstrap theme - centering element anomily

WordPress > Bootstrap theme - centering element anomily