Home Footer different from other pages

  • Hey there! I’m not a web developer, but my institution/site is between servicers so I’m having to take this on.

    On our site, the home/front page footer is different from the other pages, and the home page version is rendering improperly on mobile (instead of stacking, it smushes and gets cut off). For reference, I’m editing the site on Edge, and the rendering issue appears in both the simulated mobile view and on Safari for iOS. For the life of me I can’t figure out how to either edit the home page version or replace it with the version on the other pages that work.

    We’re using the Enfold Child theme, and I’ve tried to edit the front page, but from the page builder interface, it seems the same as the other pages. I’ve tried the edit appearance/style and again, the pages all seem like they should be the same. The same three custom widgets, built in the theme, are enacted as the footer on all the pages, but the front page version is wrong for some reason. In an ideal world, I’d like to unify the footer across the site aligned to the non-front page version, but it’d also be fine if I could just get the widgets to stack on mobile.

    I deeply appreciate any insight y’all can provide!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello @disraeligears

    I would be more than happy to assist you. I checked your theme website documentation https://kriesi.at/documentation/enfold/child-theme/ and under “How child themes work” they give an example of hard coding the header and placing the files in the child theme folder. Your footer may have been hard coded in a similar way. Check the child theme folder for a custom footer. If you find one you could try deleting (after making a backup) to see if that solves your problem.

    Thread Starter disraeligears

    (@disraeligears)

    I super appreciate your insight! I’m just getting into PHP editing, but I also have everything loaded on a dev site to test with.

    I looked in the functions.php for the child theme and didn’t see anything referencing the footer, nor was there a specific custom footer file that I saw through the WP Admin Theme Editor (I could SFTP in with Filezilla if it wouldn’t show up in the WP Admin version). Bonus though is I figured out how to correct a mixed content http->https error that’s plagued the site for god only knows how long.

    Trying to use dev tools to diagnose, on the problematic front page, there is a red error “Uncaught TypeError:Cannot read properties of undefined” referring to main.js:88:73 and main.js:59:5. That error doesn’t show up on the other pages with the correct working footer. Could it be a JavaScript issue?

    There does seem to be some page coding issue. You could try to use something like Google Inspect to compare the the bad page with one that is formatted the way you want it. There has to be some custom html or maybe a custom css file somewhere that could be causing the issue.

    How about just recreating the page all together. That should not be to difficult.

    Thread Starter disraeligears

    (@disraeligears)

    Hmmm… On my dev site I created a new page using the home template, and the problem wasn’t replicated, so the issue isn’t with the template.

    Carefully inspecting elements between the two pages, the home page footer doesn’t reference back to a certain .css document (main.css?ver=null:112) while the working pages do. In the styles, it gives that .css doc credit for 

    @media only screen and (max-width: 765px)
BODY#top DIV#wrap_all DIV#footer DIV.container .flex_column.av_one_third {
    text-align: center;

    As I mentioned, I’m not a coder/web dev, but it seems to me that might be part of the style code that causes the footer to stack on mobile? If so, then I need to figure out how to force the home page to include that .css

    Would it be easier to just replace the home page with a new one?

    Thread Starter disraeligears

    (@disraeligears)

    I tried that and copying over the shortcode from the original home page to one with a working footer causes the same issue to arise.

    On the dev site I’m using, I was able to actual get the problem solved by replacing the Image Media Element at top with a slider element instead (with just the one image). When I did that, the dev site home page suddenly fixed it’s footer. So problem solved? No, because when I enact that on the production site (which I cloned and should be running the same) the footer doesn’t fix and the slider image looks wrong. Similarly, when I try to replicate the issue on a different page by inserting an Image Media Element at top, the footers stay correct. Feel like I’m so close…

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Home Footer different from other pages’ is closed to new replies.