installing Customizr-3 messed up site

Link to your site?

I don’t normally give out link to the site until its live as it is a charity org I volunteer for, but in this case as I will put the site live for 20mins or so.. (please understand that I don’t want people who would like to donate to the foundation accessing a faulty site)

https://www.cncf.ie

So, what’s the specific problem?
I don’t see this “messing” you’re talking about.
And to be sincere, I really like it ??
The only thing is about the footer widgets.
They look that way ’cause you forced their class to be “span3” in order to have the fourth widget area. So put something in that fourth widget area.
Can’t you see that in your widegts areas? This is the problem?

Edit:
Ah, I see you also have problems with the menu right?
You have this in your custom css

.navbar {
margin-bottom: -2.2em;
margin-top: -4em;
font-weight: bold;
}

Fine tuning the margin-top, decrease that negative value.

Also, why are you using customizr version 3.1.5 ? Just to know..
Is it a choice?

And here the problem with the margin top of the whole header, still in your custom css

header {
margin-bottom: 2em;
margin-top: -1.5em;
}

Again tune that margin-top property

Thanks for liking the site…. it looked much better before though!

Yes the navigation has gotten “messed up” missing links, and it wrong position ( i had it floated to right, and at bottom of header (half above half below)..

Which strangely you can see briefly when resize the window (before it jumps back up to top!!)

The cause of all this woe was my trying to add a forth widget to footer.

I will work on trying to fix as best I can.

Re 3.1.5 after deleting earlier one I uploaded 3.1.5, which initially didnt “recognize” its child, so I deleted it again and rename it “customizr” (it was customizr-3)

If you resize the wndow you will briefly see the “correct” format of the nav menu, bfore it jumps back up to top of screen and the links disappear…

Oh I saw it. Well about the header was something you did in your child theme functions.php, I think, right? Like changing span class, center them etc. etc. This is useful to have it back, take a look -> https://www.themesandco.com/snippet/center-header-block-items/

I see you fixed the fourth widget area.
Anyway this is one of the most beautiful web sites made with customizr, and not only.
When it’ll be live you really should submit to the theme creator for the showcase section: https://www.themesandco.com/customizr-showcase-submission-form/

Really compliments. I hope you can fix those issues.

I had positioned and styled the header and navigation in css only.

I did this quite a while ago ( i took a break to complete my Masters), then the foundation asked me to finalize the site last week, and in doing so things have gotten a bit messed up…(in trying to add forth footer widget I delated earlier customizr theme etc)

I now do have a forth footer widget, at least.. but still need to style that properly.

Very nice to hear you say you think the site is beautiful… I worked hard to please my client… my concern now is that I will have to work very hard to fix these new issues..

This is much more I want to do, before this site can go live.

Thank you

PS I am thinking maybe if I revert back to an earlier version of customzr this might fix the problems?

If you want to do that only with css..
What if you put this in your child theme style.css ?:

header.tc-header {
margin-top: 0;
}
/*if you want your logo centered, didn't really get, sorry*/
.brand.span3 {
width: 100%;
margin-bottom: 10px;
}

.navbar-wrapper.clearfix.span9 {
width: 100%;
margin-left: 0;
}

Could it be a good starting point?

Is there any way to include a screenshot here?

Be very useful to be able to show you what the page should look like.

The logo is in correct position.

The navbar should be floated to the right and aligned so that floats halfway between header and main-body.

I can’t recall exactly how I achieved this ; (

You can use https://tinypic.com/
and paste the link to your uploaded image here

edit:
Do you want something like this?
https://tinypic.com/r/671isk/8

Thanks

[IMG]https://i57.tinypic.com/2v0l4ds.jpg[/IMG]

Yeah thats almost exactly the way i had it! As you’ll see from my tinypic above…

Great minds think alike!

How did you get it back to that way?