Woocommerce breaking footer

Hi Be Team,

I have a small issue with my site, in that the product pages and category pages break the footer. There is a button in Footer 1 (should have red background and white text) and the Back to top arrow (should be centered but is left aligned) are not styling the same as non-shop pages, here's some examples.

Footer is ok here - http://www.wisemanind.com/
But not on a category page - http://www.wisemanind.com/drainage/

Can anyone help be find the bug here? 

I have deactivated all plugins, reactivate Woocommerce only and the error appears, so I think it's related to this.

Anyone help me please?

Thanks

Thanks

Comments

  • Hi,
    I disabled whole Custom CSS and it works.
    It looks like it's the fault of your custom css.

    Find the problematic CSS and get rid of it.
    Thanks
  • Thanks, I'll take a look!
  • Huum, so I can't find an error in the custom CSS with my eyes.

    Can you tell me how you disabled the whole Custom CSS file?

    Also, if the error is in here, why does it not effect all pages and only Product categories and single pages?

    Thanks
  • It could be the rule which is created for this category only or it's not affecting other pages.
    To remove the CSS, you have to get into the Inspector on your website and remove this line:

    Be sure it's removed correctly, I mean, it must disappear, even the <style>.
    I had to click the "Delete" button twice to remove it completely.

    Thanks
  • Found the offending section of code!

    .button-flat.woocommerce-page a.button, .button-flat.woocommerce-page #respond input#submit, .button-flat.woocommerce-page button.button, .button-flat.woocommerce-page input.button {
        border-radius: 0;
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 35%;
    }

    Thanks for you help Pablo! Top service from TEAM BE as always!
  • I'm very glad to hear that ;)
    If you have some other questions, feel free to ask.
    Thanks
Sign In or Register to comment.