Footer Issue (Unable to size footer to page section width)

[aa2zz6]

I can’t figure out how to get the footer in xtheme pro to match the same width as my home page sections. Is this possible? I can’t find the settings in the footer design menu.

[ruenel]

Hello Jordan,

Thanks for writing in!

Do you want something lithe this?

You will need to add an inline element CSS to each of your bar settings in the Customize tab and add this code:

$el {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto
}

This example code will limit the element maximum width up to 1000 pixels only. Setting the left and right margin to auto will make it always being at the center.

Be advised that the code above was set as an example only. Feel free to modify it adding your own styling. You will be the one who will be managing and maintain this code in your site.

Best Regards.

[aa2zz6]

How do I get it to automatically stay the same size? When I use tablet mode and the smaller options on xtheme pro it’ll go back to edge to edge?

[ruenel]

Hello Jordan,

In your Pro > Theme Options > Layout and Design > Site Width, it is set to 88%. That means that you will also have to set a width in the code above so that your footer width will follow the width of the content area. Therefore, the final code might be this:

$el {
  width: 88%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto
}

Again, this code serves as a guide to get you started with the resolution of your issue.

Best Regards.