[Resolved] Astra Footer Floating to Top After Toolset Update

[Author]

Posts

[HaydnE2802]

I am trying to:

I'm not trying to do anything... but after updating to the latest version of Astra Theme and then updating Toolset plugins, suddenly my site footer (only on pages produced with toolset) is floating to the top and is sitting just under the main menu, with content flowing underneath it. It was fine prior to update. It was absolutely fine prior to update, so maybe there is now a compatibility problem with Astra?

Link to a page where the issue can be seen:

I have had to turn the footer off as I can't have it doing what it was doing on a live site, but an example is: hidden link

I expected to see:

The footer at the bottom of the page.

Instead, I got:

The footer floating to the top of the page and sitting under the main menu.

[Mohammed]

Hi Haydn,

Can you please guide me on how to configure the footer to be exactly like yours?

I need to replicate the issue in order to be able to check it.

Thanks.

[HaydnE2802]

Hi, I have put the site in maintenance mode, and activated the footer so you can see what's happening.

The footer is floating to the top, over the listings, but its only happening with the layouts.

If you login to the site with the credentials I supplied: hidden link

and go to hidden link

you will see what's happening.

It only happened when I updated the recent versions of toolset that came through, before that all was working fine.

I have disabled cache, reverted back to a previous version of Astra Pro, turned off all plugins except Toolset, and still got the problem, so maybe something in the latest Toolset update isn't compatible with Astra Pro?

Thanks,
Haydn

[Mohammed]

Hi Haydn,

The problem is that there is an element with height = 0 which makes the content area with no height. then, the footer floats to the top under the header.

Can you try to add this style to your theme:

.ast-row.masonry {
    height: auto !important;
}

Thanks.

[HaydnE2802]

Hi,
I have done that for you to take a look at.

Unfortunately it puts the footer at the top of every page now, and not just those with layouts.

You can see the result at hidden link (make sure you are logged in first as site in maintenance mode please).

Thanks,
Haydn

[Mohammed]

Checking

[Mohammed]

Hi Haydn,

I figured out that the issue is a compatibility one between Toolset Layouts, Astra and Astra pro.

I've escalated the issue to be checked by the higher levels.

Please keep watching this ticket and I will notify you once I get any updates.

Thanks.

[HaydnE2802]

Thanks for your time and effort, much appreciated.

[Mohammed]

Changing the ticket state

[Beda]

Hi

I analyzed this issue and cannot spot any problem that is replicable.

One thing is expected:

1. Without even using Toolset Layouts
2. Create a Page or Post
3. Remove all it's content
4. Navigate to the front end and see the green footer is all up under the header.
5. Add content to page or post
6. See footer floating down as much you added content...

This is the Theme that uses a floating footer.
So far so good.

==> Now add Layouts, and do the same.
If there is no content to show, the footer will come up under the header.

Still all fine.

Now, I could see the issue on your homepage for example, but the thing is, no Layout is even assigned to that Homepage, hence, it cannot be due to the Layout.
I as well cannot see the WP Admin bar at the front end, which may be due to a hidden PHP error - have you checked the WP Debug?

On the local install I have of your site's duplicate, instead, I do see the WP Admin bar just fine.
And, I do not see that issue with the footer that covers up the content, like I do see it on your site.

In fact, it's not replicable on your install online as well:
- I created a new Layout hidden link
- assigned it to some content (Blog Archive, which is the Homepage)
- visited that front end
- I see the footer nicely pushed down.

Please try it yourself, I left the Layout as a test.

I am not sure about the issue itself I still see on your homepage when I do NOT apply my test layout I made (which is the footer floating up).
I assume this is not related to Toolset as I cannot replicate it, unless, maybe I miss a step?

Please let me know about.

In any case, I have the problem that I cannot see this issue locally on the copy of your site either, so I would need access to a full development server, where you allow me to deactivate all plugins and so on, in case this is not solved after above steps.

[HaydnE2802]

Beda, my apologies, the CSS change that Mohammed kindly suggested was still in place for him to take a look at. I have removed it now, and the floating footer is limited to just pages with toolset layouts on as was the original problem. If you could take another look that would be appreciated.

An example would be: hidden link
This page uses layouts.

Thanks,
Haydn

[Beda]

That is an archive for the taxonomy "Section", and no WordPress Archive, as it would be expected, is created for this Archive.

However, I see you assigned the Layout "Layout for Resource Archives" to this Archive.
You include a View there that has no results, and very little other content, the layout has no output other than that.
The single post int that archive loop is not generated by Toolset.

While I see the problem, I fear it's due to the many Custom CSS rules applied to the HTML of that very layout, since A) this is not replicable locally, and B) this happened after the last update of Astra and Toolset as you say, which means the Theme probably changed the CSS for some of the rules, and/or Toolset changed some ways how things are displayed for Astra, although, I do not recall that we worked on Astra integration hence I suspect it must be something else.

I can help to make sure to find out what it is and to fix it, if I could access a new copy of this site, where you can indicate one precise page like you did before where the problem happens.

Here is a DOC on how to produce a copy of the site:
https://toolset.com/faq/provide-supporters-copy-site/

Can you help me to spot the issue by sending me a copy of this latest version of your site?

Thank you!