Boxed Width and Navigation Height

[Monge]

I spent 4 hours trying to change this and I always end up messing my css files and need to restore them.

When I set the boxed version but I noticed that if I maximize my browser window (macbook13″) I get a box with 1230px width but if get a smaller browser window I got the width that I want (1000px). So I want to fix my box width to 1000px and whatever I do with my browser to will be always 1000px.

The second question is simpler: I want to change the height from my navigation from 50px (theme default to 40px.

[Swift Ideas – Ed]

Hi @Monge,

Unfortunately that’s not possible without quite a big CSS change. We may look at adding this in the future as an update option, but for now there simply isn’t the demand for us to spend the time to add it. This may be something that a service like http://codeable.io or http://werkpress.com can do for you, and if they can provide override css (not modifying the original files) then we’ll see what we can do about reimbursing you for some of this cost.

For the navigation, can you provide a link so that I can help?

Hope that helps.

– Ed

[Monge]

thank you

yes of course

the link is http://www.antoniohipolito.eu

[Monge]

This reply has been marked as private.

[Swift Ideas – Ed]

Hmm ok. Quite a bit. Did you try WerkPress, or maybe even Envato’s Microlancer? http://www.microlancer.com/

I will add this to our list of options, but can’t promise anything too soon.

– Ed

[Monge]

Ok I appreciate it.

and abou the navigation bar issue

“For the navigation, can you provide a link so that I can help?”

http://www.antoniohipolito.eu

the issue was: “I want to change the height from my navigation from 50px(theme default) to 40px.”

and as you can see the header is 120px and it only allows me to use 70px.
But I’m loving this theme and I can’t wait to new updates! I really see that you put a lot of effort on it.

[Melanie – SUPPORT]

This css should help:

#main-navigation {
height: 40px;
line-height: 23px;
}

.std-menu ul.menu a {
height: 40px!important;
}

Cheers 🙂

[Monge]

I put this code in Custom CSS/JS Theme Options or change it in the original style.css file?

[Swift Ideas – Ed]

Put it in the custom css box, that will stick with updates 🙂

– Ed

[Monge]

Hello Ed,

I’m feeling a bit stupid right now LOL

I just discovered a button in the theme general options where I can turn off the responsiveness of the theme and it set the width to 1000px always, no matter what. How it is possible that both of us forget about this. It just what I wanted.. but now I have new problems:

All my website content it’s cutted like in the contacts page… i mean…all pages but in the contacts page you just can see the text.

so it might be easier to you to satisfy me because it’s actually something already integrated and what I was asking you to possibly do in the future it’s already done.

Am I right?

[Swift Ideas – Ed]

I had no idea that you didn’t want the responsiveness!

Ok, can you send me a link so that I can check that out and provide a fix?

Thanks,

– Ed

[Monge]

http://www.antoniohipolito.eu

yes. that was my fault.
I kept asking you for the 1000px width and if I turn off the responsiveness I get what I want. The static boxed version always with 1000px right?

sorry for the mess

[Swift Ideas – Ed]

Hi there,

Unfortunately that’s not how it’s meant to be. The responsiveness simply turns it to constantly be the maxed size of 1230. However, 1000px may be acheiveable.

Please can you try the following custom css:

#container.boxed-layout {
width: 1000px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
width: 970px!important;
}

That should sort it for you!

– Ed

[Monge]

It just worked!!! THANK YOU MR. ED!!
You just made me not spend 220dollars!
It’s just perfect!! Thank you!

There’s only one weird thing happening:
the main navigation menu it is weird on firefox. It’s working perfectly on chrome and safari and it’s waaaaay to the right on firefox.

thank you very much once again!

[sodafish]

This is exactly what I was looking for too.

However, when having responsive Off, the left and right margins are large (130px to be exact, counted from thumbs to browser window). This results the content to go out of centered position when the browser window has less than 130px margin on both sides. Is there an easy edit to reduce this margin?