acub

If you modify using Customize page you can watch the changes in real time. But they are just a preview. They do not get saved unless you press “Save and Publish”. You’ll need to do it again and this time actually press the Save button. It’s at the top.

Have you tried

.brand.span3 {
	width: 100%;
}

?
You might also want to take a look at this to understand the principle, if you don’t want it full width: http://www.themesandco.com/snippet/center-logo/

Yep. First line of any “pure” php file (as in a php file that gets included in other php files, as most of WP templates are) has to have

<?php

on its first line and nothing else. So your custom functions actually begin from line #2. Also, it is a very good practice to NOT exit php mode before EOF (end of file). So, even if you might find in some examples

?>

on the last line of a php file it is better that you remove that bit. If you accidentally input a white space (tab, space, new line, etc…) after that bit of code your site might break and you won’t see it (because it’s white space) and you won’t know what’s breaking it). Also, the nastiest cases are those when the site only breaks on some pages (because that particular template is only loaded for certain queries).

Yep, it’s what I thought it is. Here’s the solution for it (CSS):

.entry-title a {
	position: relative;
	z-index: 1;
}

Sorry for the delay. I’ve barely had time to sleep for the past week.

Depending on what you need, these are all the possible media queries for Customizr:

@media all and (min-width: 1200px) {}
@media all and (min-width: 980px) {}
@media all and (min-width: 768px) {}
@media all and (min-width: 481px) {}
@media all and (min-width: 321px) {}

@media all and (max-width: 1119px) {}
@media all and (min-width: 980px) and (max-width: 1119px) {}
@media all and (min-width: 768px) and (max-width: 1119px) {}
@media all and (min-width: 481px) and (max-width: 1119px) {}
@media all and (min-width: 321px) and (max-width: 1119px) {}

@media all and (max-width: 979px) {}
@media all and (min-width: 768px) and (max-width: 979px) {}
@media all and (min-width: 481px) and (max-width: 979px) {}
@media all and (min-width: 321px) and (max-width: 979px) {}

@media all and (max-width: 767px) {}
@media all and (min-width: 481px) and (max-width: 767px) {}
@media all and (min-width: 321px) and (max-width: 767px) {}

@media all and (max-width: 480px) {}
@media all and (min-width: 321px) and (max-width: 480px) {}

@media all and (max-width: 320px) {}

This is also their correct order, by the way (as in, if you have selectors of the same strength in all queries they will work as expected).

However, from my personal experience, one should not need more than 5 cases for any particular page layout. I’ve managed to build responsive tables with only 4 media queries.

Thank you EF. Updated the snippet to work with last version of Customizr.
@jazzatomo: your initial code couldn’t have worked. It’s not valid php. After the ending of the command you wrongly pasted

'<blockquote>

which shouldn’t have been there. However, as EF pointed out, the snippet used a filter that’s no longer valid in current Customirz version.