[Resolved] Breadcrumb position on Shop pages.

[_blank]

Hi

Breadcrumb position on Shop pages.

On the shop pages I’d like to move the breadcrumb up to match same position of breadcrumb used on BB themer layouts. This would be for: shop product category archives, product pages, basket page, checkout page and order received.

Breadcrumb on BB Themer pages can be seen here
about/collaborations/
about/about-us/

Thanks
Scott

[Leo]

Hi there,

Have you fixed this?

They are at the same height to me?

Also since you are the themer, all the GP themes elements are removed so there isn’t any GP’s options for it.

Let me know if this helps 🙂

[_blank]

Hi Leo,

They are the same height on BB layouts respectively.
But different heights between shop pages and BB layouts. I’d like to reduce the shop padding to match the BB layouts

Please see screenshots

https://drive.google.com/file/d/1je4COp8dZsziHv3Sb5fb8LhUBs8qvMLA/view?usp=sharing

https://drive.google.com/file/d/1-5D9wMI4d74T1zF13C_ZCm7Nf2VkjR-f/view?usp=sharing

Thanks
Scott

[David]

Hi there,

the extra space is coming from 2 things, one is the Separate Containers and Top container padding. Both of which can be adjusted in the Customizer > Layout > Container

[_blank]

Hi David,

Thanks, I should have tried that first. Thats helped move the container up.
Do you know how I can add a bit of padding between the breadcrumb and the shop content.
It looks about 5px shorter than the Beaver Layouts.

Regards
Scott

[David]

Can try adding some padding to the bottom of the woo breadcrumb like so:

.woocommerce-breadcrumb {
    padding-bottom: 10px !important;
}

[_blank]

Hi

That worked thanks.

Scott

[David]

You’re welcome

[Author]

Posts