Footer width issue

  • brandxitaly

    (@brandxitaly)


    5 years, 11 months ago

    Hi! After the last theme update, I noticed the same issue as this topic

    https://wordpress.org/support/topic/footer-full-width-of-site/

    On my website the footer is too wide just in the homepage, I suppose because it’s a business template page, while all the other pages work fine.

    I set up a patch by adding these few css rules in my custom css and now the footer is working fine again

    footer {
    max-width: 1180px;
    margin: 0 auto;
    }
    @media screen and (max-width: 1190px) {
    footer {
    width: 97%;
    }
    }
    #page footer {
    width: auto;
    }

    but I’m not happy with this workaround and I’d like to solve the problem in a cleaner way. Can you help me?

    Tip: by inspecting the html code of my homepage, I see the footer element outside the page block (div id=”page”), at the same level. In all the other pages the footer is inside the page div, so the css responsive rules work fine. Any idea about this beaviour?

    Thank you in advance for your help

    • This topic was modified 5 years, 11 months ago by brandxitaly.

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

Viewing 8 replies - 1 through 8 (of 8 total)
  • Premi – ThemeGrill Support

    (@premi0)

    5 years, 11 months ago

    Hi @brandxitaly,
    The way you resolved the issue is the correct way if there’s any as I couldn’t see the issue when I look it in our demo site.
    Our Demo: https://demo.themegrill.com/accelerate/
    I hope you added the custom CSS as shown in the below link.
    Help link https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/
    We will take a look at this issue and resolve if there’s any in our upcoming update. Thanks.

    Thread Starter brandxitaly

    (@brandxitaly)

    5 years, 11 months ago

    Hi Premi! Thanks a lot for your reply.

    I noticed your demo site is fine but I couldn’t find any significant difference between the two home pages.

    Of course I managed the custom css the way you show in the theme documentation.
    I understand that it’s difficult to provide a solution if the website looks fine.
    So I temporary turned off all my custom css code and now you can see what I mean.

    Now my footer is a mess… I leave my website like this for a few time, so you can see and inspect the code and I hope you can find out a little more about this issue.

    Maybe is a wordpress issue, I have 5.4.1 version installed…

    Thread Starter brandxitaly

    (@brandxitaly)

    5 years, 10 months ago

    Hi everyone!

    10 days have past since I removed all my css customizations and I deactivated all my plugins, to let you see my buggy website without my patches, inspect the code, check the home page issue.

    Now I am quite sure that the footer issue is due to a business template bug, so could you please take a look to you theme again?

    Otherwise plan B could be I pay USD 69 for one year support, without upgrading my website to pro version, and you commit to fix the bug, if it’s a theme bug, or to show what’s wrong in my website and help me to fix it.

    Please reply asap, within one day I will have to restore my css customizations if no other solution is possibile.
    Thanks

    Premi – ThemeGrill Support

    (@premi0)

    5 years, 10 months ago

    Hi @brandxitaly,
    When I inspected accelerate demo theme code and your code I find there is an HTML structure error. As I can see your closing of </div > tag has been misplaced or you have closed before the footer. Along with that you have used child theme as well so it might have overwritten your parent theme. Can you please check your HTML structure once again. Have you made any changes to accelerate theme’s code? Please let us know. Thanks.

    Thread Starter brandxitaly

    (@brandxitaly)

    5 years, 10 months ago

    Hi Premi!

    I saw the misplaced closing of </div> tag and this is what I meant in my first post.
    I tried to deactivate my child theme before opening the topic, but I don’t think it’s a problem relatated to the child theme.
    Now the child theme is not active and your accelerate theme is the one active.
    I set up the child theme just to create this page, that now is empty

    http://www.brand-x.it/prodotti/

    The footer issue on the home page hasn’t changed.
    I didn’t make any changes to the original theme’s code.

    The only thing I did is to upgrade the accelerate theme by clicking the link in my wordpress backend. And of course I upgraded the wordpress version according with the suggestions in my wordpress admin dashboard.
    On my wordpress dashbord I have a warning about my php version, but I can’t upgrade it right now, I have to ask my website host and I’d like to fix my website issue before.
    So what else can I check?

    Thread Starter brandxitaly

    (@brandxitaly)

    5 years, 10 months ago

    Hi Premi!

    I have restored my child theme and my customizations as before the tests and now the website looks fine again. No matter if I couldn’t understand the reason of the issue.
    Thanks anyway for your help

    Premi – ThemeGrill Support

    (@premi0)

    5 years, 10 months ago

    Great to hear that your issue has been fixed. Please feel free to ask queries.:slightly_smiling_face:

    Premi – ThemeGrill Support

    (@premi0)

    5 years, 10 months ago

    Great to hear that. Please feel free to ask queries. 🙂

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

The topic ‘Footer width issue’ is closed to new replies.