Woocommerce breaking footer

sybez

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/

Or single product page - http://www.wisemanind.com/drainage/dambuster/

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

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

sybez

Thanks, I'll take a look!

sybez

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

Pablo

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:

https://i.imgur.com/157NEoU.png

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.

https://i.imgur.com/SD3BoC3.png

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

sybez

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!

Pablo

I'm very glad to hear that

If you have some other questions, feel free to ask.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next