Skip Navigation

[Resolved] Footer and header width and display

This thread is resolved. Here is a description of the problem and solution.

Problem:
Client was having trouble consistently creating full-width headers and footers while using Avada with Toolset.

Solution:
They were using the Toolset Avada integration plugin, which is no longer recommended and is for advanced users only. Removing this plugin meant that the headers and footers displayed as expected.

This support ticket is created 6 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 7:00 – 14:00 -
- 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 15:00 – 16:00 -

Supporter timezone: Europe/London (GMT+00:00)

This topic contains 6 replies, has 2 voices.

Last updated by Kristian Ravn 6 years, 10 months ago.

Assisted by: Nigel.

Author
Posts
#620439
Screen Shot 2018-02-27 at 20.49.13.png
Screen Shot 2018-02-27 at 20.47.03.png

Hi,

Im currently building a site at the attached URL before moving it to production. I've been having issues with the header and footer not being full width, which is very annoying.

I've checked all the settings i could find to ensure, that I've set the header and footer to full width.

Sometimes the header and footer even goes missing for some reason

I can se the issue was reported 18 months ago, but the solution makes no immediate sense to me: https://toolset.com/forums/topic/custom-layout-never-is-full-width-like-avada-default-template/

Something with the bootstrap integration? The previous ticket says a solution was upcoming, but I can find nothing on that.

Current URL is here: hidden link

#620480

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Screen Shot 2018-02-28 at 11.45.03.png
Screen Shot 2018-02-28 at 11.46.01.png

Hi Kristian

There are Avada theme options for the header and footer to be full width, as shown in the screenshots.

Have you set both of these?

#620496
Screen Shot 2018-02-28 at 13.01.41.png
Screen Shot 2018-02-28 at 13.02.06.png

Hi Nigel - thank you for replying

Yes, both are set to 100% - just double-checked it.

#620524

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi Kristian

I visited your link.

The header is already full width but the footer is constrained.

I don't have any debug info for your site (https://toolset.com/faq/provide-debug-information-faster-support/).

Are you using Avada in fully-integrated mode with the Toolset Avada integration plugin? And are using Layouts to design the entire page, including the header and footer?

Looking at the source for that page I see that the footer is in a row with a class of container, which needs to be container-fluid.

If you edit the Layout in question and click to edit the row you should see options for setting the width of the row where you can select the full-width option. (I don't currently have a test site with the same set up to take a screenshot, but if you can't follow let me know.)

#620549

Hi,

I'm afraid I don't fully follow.

The header and footer was different on different parts of the site, because I hadn't set a parent layout. Having done this, the header is full width, and the footer has disappeared (??!).

#620588

Nigel
Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

Hi Kristian

Thanks for supplying the debug info.

I see that you are using the Toolset Avada integration plugin.

This is no longer recommended and is retained for backwards compatibility or for clients who are familiar with the prior way of using Avada and Toolset together and want to continue with that methodology on new projects.

Unless that is you, I recommend you disable the Toolset Avada integration plugin.

What will happen then is that the Layouts you create will affect only the content area of the page, the headers and footers (and any sidebars) will be generated by the theme.

If you have been creating parent Layouts with headers and footers you could deactivate those Layouts.

If you do that do your headers and footers then appear as you expect them to?

#620610

Hi Nigel,

That solved it. You're a genius.

Thank you!