Fixed Maximum page width

6 Posts

Mother10 posted this 15 October 2017

But i dont want to change each and every page to get it.
Where and what do i have to specify to get a fixed MAXIMUM page width, centered in the middle of each webpage.

I tried using section but how do i specify this for each and every section that will be created. I cannot specify centering for the pagecontent itself.

Thanks for the answer.

For easy reading i want my webpages to have a fixed maximum width for the page content. If the webpage is on a wider screen, that maximum width should be used. And there should be equal space on each side of the page, so the content should be centered. If the monitor is smaller or it is a phone or such, it should use the width that is available. But i dont want to change each and every page to get it. Where and what do i have to specify to get a fixed MAXIMUM page width, centered in the middle of each webpage. I tried using section but how do i specify this for each and every section that will be created. I cannot specify centering for the pagecontent itself. Thanks for the answer.

fixed centered pagewidth maxwidth

Vote to pay developers attention to this features or issue.

2 Comments

Order By: Standard | Newest

Is Solution

Support Team posted this 16 October 2017

Hi,

Please check Themler Home tab >> Settings >> Layout. Here you can set max width of the sheet (of the Boxed layout) for different responsive modes.

Please let us know if you have any further questions.

Thank you,
Olivia

Hi, Please check Themler Home tab >> Settings >> Layout. Here you can set max width of the sheet (of the Boxed layout) for different responsive modes. Please let us know if you have any further questions. Thank you, Olivia

6 Posts

Mother10 posted this 16 October 2017

Hello,

For all those who want a bit of step by step.
Screenshots are named after the steps...... :)

Step1:
As Olivia said, Go to the hometab, choose Settings and set the "Theme Layout" for Desktop for instance on 1000px.
As a side effect also the header, the menu and the footer change to this width.

If you dont want this, but want the footer and or the menu and or the header to be the total width of the screen proceed to step2.

Step2:
Go to the hometab, click on the horizontal menu in your layout on your page. Now It says "Header (All Templates)" in your Themler menu. Next choose the "Section" tab. (see the screenshot)
Now you can see the "Length" box which can expand downwards. Choose Fluid.

Step3:
For the footer do the same, it seems you can either choose "Wide" or "Fluid" from that "Length box". Both seem to work for me.

If you wish the header to be the total width of the page you can do the same for that.

Decide for yourself if you want laptop, tablets and or phones layout to have a fixed width also.

Hope this helps someone.

Hello, For all those who want a bit of step by step. Screenshots are named after the steps...... :) Step1: As Olivia said, Go to the hometab, choose Settings and set the "Theme Layout" for Desktop for instance on 1000px. As a side effect also the header, the menu and the footer change to this width. If you dont want this, but want the footer and or the menu and or the header to be the total width of the screen proceed to step2. Step2: Go to the hometab, click on the horizontal menu in your layout on your page. Now It says "Header (All Templates)" in your Themler menu. Next choose the "Section" tab. (see the screenshot) Now you can see the "Length" box which can expand downwards. Choose Fluid. Step3: For the footer do the same, it seems you can either choose "Wide" or "Fluid" from that "Length box". Both seem to work for me. If you wish the header to be the total width of the page you can do the same for that. Decide for yourself if you want laptop, tablets and or phones layout to have a fixed width also. Hope this helps someone.

Last edited 16 October 2017 by Mother10

Step1.png

Step2.png

Step3.png