Trouble with Cart and Checkout pages

[capodanno]

QUESTION 1:
I used a custom header in Pro to create a floating menu.

This causes trouble with the Woocommerce pages like Product pages, Cart and Checkout, as those pages need to start 120px lower than they do now.

I made a DIY fix of the product page using this:
.woocommerce-notices-wrapper {
margin-top: 120px;
}

But wasn’t able to make a similar fix to the Cart and Checkout pages. As a workaround, I’ve done this:
.entry-title {
margin-top: 120px;
}

But I’d rather have the white box move down, not just it’s contents.

Is there a better way to do this?

QUESTION 2:
How do I style the buttons on these pages to look like the rest of my buttons? Is there a class I can use to style all the Woocommerce buttons?

[tristup]

Hi @capodanno,

Thanks for reaching out.
I have compared both the pages and found that entry-wrap is set with the 60px padding and woocommerce-notices-wrapper is set with the 120px top margin. For the cart page, you need to set the top margin for the entry-wrap as the woocommerce-notices-wrapper class is not present on that page. Your custom CSS code will look like the following.

.entry-wrap 
{
    margin-top: 120px !important;
    padding: 60px !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks