Breadcrumbs aren’t clickable

  • Resolved isaac85

    (@isaac85)


    6 years, 9 months ago

    The breadcrumbs that are part of the Storefront theme are showing up nicely but aren’t clickable. I added this CSS snippet to reduce the amount of white space around the top of the page. Is it possible that it’s interfering with the breadcrumbs somehow?

    #content.site-content {
  margin-top: -70px;
}
.woocommerce-breadcrumb {
	margin-bottom: -20px
}

    If not, any other ideas?

    Thanks!

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

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

  • Hi @isaac85,

    You have that little flag there that’s actually displaying over top of the breadcrumbs:

    My suggestion:
    remove the negative top to the content, and just make the header-widget-area smaller.

    Thread Starter isaac85

    (@isaac85)

    Ahaa, so the language switcher is actually covering the breadcrumbs. Very interesting.

    Unfortunately I don’t really understand your suggestion. Could you break it down for me, or is that beyond the scope of the support you provide here?

    Thanks!

    You have some negative margin applied to the main content area:

    #content.site-content {
    margin-top: -70px;
}

    That’s pushing the content underneath the language switcher. Here’s what you can do:

    #content.site-content {
    margin-top: 0px; }
#polylang-9 span { display: none; }
#polylang-9 ul { margin: 0; }
.header-widget-region {
    height: 33px;
}
    Thread Starter isaac85

    (@isaac85)

    That did the trick, thanks so much for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Breadcrumbs aren’t clickable’ is closed to new replies.