Hi, yeah it’s very strange. If you say that you can’t reproduce the issue on another site, then I’m also thinking about exporting site data (creating a backup copy) using one of the export plugins, then deleting everything, installing new WP on the server, then new Enfold and new Child, and then importing site data again, but firstly it will take some time so I’m not too keen on doing that, and secondly, not sure if the issue would be exported in the backup copy as well? Because if so then no point doing that, obviously, because it will come back with the imported backup copy file :|

Or could it be related to the fact that I imported your demo after installing Enfold Child, which (maybe) includes some old code that causes that? I’ve done it mainly for that demo’s theme colours which I liked, so I may try next time without loading that demo, again – if it’s something that could cause that issue, which seems unlikely but just trying to exclude every possibility before building everything again from the scratch (if I find time to do so, for now I’ll just leave it as it is and will work around it).

Merry Christmas and Happy New Year! :)

(private message)

Hi Mike, thanks for your time. I’ve changed PHP versions to 8.0, 8.2 and 8.3 (can’t go back to 7.4 now) and it didn’t help. It’s 8.2 now (as recommended).

However, I decided to rebuild the home page from the scratch and created the New Home Page. I was adding elements starting from the Fullwidth Easy slider and everything was working perfectly until the last grid row at the bottom of the page, which broke the layout and responsiveness of the footer. It happens even when adding a new empty grid row from layout elements menu of Avia builder. So I thought it must be the grid row element that is responsible for that.
HOWEVER, when I remove the Fullwidth Easy Slider from the top of the page, then the grid row at the bottom does not break the layout or responsiveness! BUT it makes the grid row directly above it not going full width when changing to tablet/mobile resolution! That leaves me completely puzzled – it looks like some of those elements TOGETHER cannot work correctly.

You can try this on ‘Kriesi test page’ or ‘New Home Page’ – I’ve saved the top slider as ‘001 Old slider’ and bottom grid row is ‘006 grid row’ in Templates, so you can just remove and add them easily to see how they break the layout and responsiveness together, but when one is deleted everything goes back to normal.

And what is even more puzzling, when I add the same Fullwidth Easy Slider from the template at the bottom of the page (see New Home Page) it displays differently than at the top, when it’s preceded by that grid row, (colours and font sizes are all wrong, despite the same settings in the slider options). BUT when I delete that 006 grid row which is preceding it, then the slider at the bottom displays correctly, and so does the footer and it’s responsive as it should be. So really that grid row looks to be a problem, but I’ve got no idea why! (check the New Home Page first and then remove the grid row above the bottom slider, you will see the difference).

I haven’t tried deleting other layout elements, it’s actually enough of the mystery to me :) But it happened all the same on a newly created page (‘New Home Page’) with empty grid row added from the menu, so it looks to me like there must be some issue with the theme elements working together in the layout builder, but again it’s just my gut feeling. I haven’t installed imagick, I also don’t think this would cause the problem. However, if you’ve got no other suggestions, I may try this but I wouldn’t like to add unnecessary things on the server side if possible. I also haven’t yet install caching plugin on that site, but again how would this be the issue here?

Thanks for your time, let me know if you find the cause and/or solution for all this, but for now I will just rebuild the home page using some configuration and elements that will work correctly together.

Tom

UPDATE: I have now changed Fullwidth Easy Slider to Fullscreen Slider on the Home Page, and again adding the grid row at the bottom causes the problem to reappear.

• This reply was modified 11 months ago by Tom_Tom_UK.
• This reply was modified 11 months ago by Tom_Tom_UK.

Hi again, I’ve updated to the latest version and unfortunately no change, the problem is still there.

Interestingly, I’ve removed quick CSS code from General Styling section (which was there to make the footer widgets responsive and stacked in tablet/mobile view) and it looks like the footer widgets are responsive on all pages except the home page, where they are still side by side, so it suggests that responsiveness and stacking is for some reason not working on the home page only, but why is that? (I’ve put this quick CSS in the private section if you want to add it back to General Styling to check, it’s actually a code from this forum).

I’ve also noticed that the home page is marked as ‘Inactive Custom Footer Page’ and I can’t see the option to change this, I’m not sure what it means but maybe that causes the issue, but that’s just a wild guess I really don’t know why the home page seems to be following different rules for that grid row and footer widgets than other pages.

Thanks,

Tom

• This reply was modified 11 months ago by Tom_Tom_UK.
• This reply was modified 11 months ago by Tom_Tom_UK.
• This reply was modified 11 months ago by Tom_Tom_UK.