XF 2.0 How to configure fluid layout style?

[Nirjonadda]

Please let me know that How to configure fluid layout style?

 

[Mike S]

I am also interested.

 

[Russ]

Style Properties -> Page Setup -> Maximum page width, change to 100% or whichever you'd like.

 

[Mike S]

Thanks

 

[Nirjonadda]

Style Properties -> Page Setup -> Maximum page width, change to 100% or whichever you'd like.

How to make fluid with boxed layout? This code not working in in extra.less.

.p-pageWrapper {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #FFF;
    padding: 10px;
}

 

[Russ]

Well, 1200px is setting it at that width, change it to 100%, or whichever value you'd like.

 

[Nirjonadda]

Well, 1200px is setting it at that width, change it to 100%, or whichever value you'd like.

Excellent, Thanks for your great support ...

 

[Nirjonadda]

@Russ Please let me know that how to also boxed cookie notice?

.p-pageWrapper {
    max-width: 95%;
    margin: 0 auto;
    background-color: #FFF;
    padding: 10px;
}

 

[Russ]

You can easily adjust the width of that notice by adding this to extra.less:

.u-bottomFixer
{
    max-width: @xf-pageWidthMax;
    margin: 0 auto;
}