Layout max-width

[florianhaiduk]

Hi everyone

Great theme, great work.

I have only one question:
Is it possible to set a max width for the whole layout?
1200px for example.

Thanks,
Florian

[arminunruh]

Thanks!
Yeah. Go to "Lay Options" -> "Misc Options" and you can enter this code into the field "Custom CSS for Desktop Version":

#main-region {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

[florianhaiduk]

It works!
Thanks!

[MAN]

Hi! Is it possible to fix the max-width for the header too? I mean: logo on the left, menu on the right, aligned with the limited width content.

Thanks

[arminunruh]

Right now thats not possible no :/
will write that down and code it as a feature one day!

[MAN]

That would be great... Is it possible for the moment to trick it with some CSS? I'd really appreciate it!

[arminunruh]

Hey MAN, nah this one's not really easy to do with a quick css fix :/

[MAN]

Hey Armin,

I saw you added this feature, but it seems not to work properly. If, for example, my title and my layout had a 2% left space, once it gets the max width the new value override the title's left space data, and they show unaligned...

Thanks

[arminunruh]

hey MAN for me it works but yea maybe there is a bug.

What is your website address? Which browser are you using?

[hellllo]

Hey Armin,

i just read that there is a feature to fix the header-width when using

#main-region {
max-width: 1200px;
}

It doesn’t seem to work with my Chrome. Or did i get sth wrong?
Thanks!

[arminunruh]

hey hellllo!

In "lay options" -> "misc options" there u have these two options:

Did you use these two options? Meaning did you enter "1200" in the "Max width of content" field and checked "Apply max width of content to logo and menu"?
Can I have a link to your website to see the problem?

[hellllo]

@arminunruh

hey armin,

i just found out why it didn't work.
the max-width somehow messed up with the margins of title image menu bar and gridder defaults ( it was all put to 2%). The contend scaled in the right way but the menu bar didn’t – it was still stuck at the 2%.

I put everything to zero.
Now it’s neatly aligned left an right and the max-width is applied correctly.

thanksalot
you are doing great work!

[arminunruh]

ah yea, now i see it. the problem is the max-width includes the left and right frame of the layout :/
hmmm i need to fix this

[ERSI19]

@arminunruh hi armin, is this possibility to define the max. width still in the new version 5.2.4 I can´t find it and tried also put the code #main-region {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}

to CSS without success. thanks

[arminunruh]

its in lay options