center and enlarge logo in Customizr theme

Install Real Time Find and Replace and add this replacement:

Replace: <div class=”brand span3″> with <div class=”brand span12″>

Alternatively, create a child-theme, copy /parts/class-main-header.php from customizr to your child theme’s folder (keeping structure) and change span3 to span12 on line 150 (in 3.0.9 – might differ in later versions).

Or you could make the change directly in customizr/parts/class-main-header.php, but you’ll lose it upon next theme update.

Thank you, Acub! That worked perfectly.

You’re welcome. You might want to save your logo with a bit of space to left and right. Now it’s glued to both sides on narrow displays. 30-40px in each side should do it. Narrow down your browser window to see what I’m talking about.

Thanks again, Acub. That worked out great.

Hi I tried the Replace: <div class=”brand span3″> with <div class=”brand span12″> using find and replace plugin now I have a “>” above my logo… https://www.mountitup.net know what causing it?

Sorry, I found the problem Thank you.

How did you fix the “>” above your logo? I have the same issue.

Most likely it’s a typo. Try the replacement without the tag chars:
replace:

div class="brand span3"

with:

div class="brand span12"

Alternatively, eliminate your replacement, look at the exact source of your .brand div (select the logo in firefox and “View selection source”) and try to apply a replacement rule that will only match that element and nothing else in your page. To make sure the replacement works, copy/paste the string to be replaced from the source.

I was wondering if you could help me with the menu…
I would like to remove the box surrounding my menu and or to allow the menu to span clear across the screen and center it.

@kljasd89 – that’s unrelated to this thread – please start a new one.