Remove Storefront Them Gap Under Menu?

  • Resolved myancey

    (@myancey)


    4 years, 7 months ago

    Hi, been working on these issues for hours and appreciate any help. My site is not live yet, but I did make this page published.

    1) I cannot figure out how to get rid of this huge gap on my Home Page beneath the menu area and before whatever content is first.

    2) I did manage to use code to get rid of the breadcrumbs, although I rely only wanted to get rid of the breadcrumbs on the Home Page, not the entire site

    The code that I use for the breadcrumb remove is:

    .woocommerce-breadcrumb {
    visibility:hidden;
    }

    I tried variations to only remove it from the Home page with no success.

    I appreciate the help with this.

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

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

  • .woocommerce-breadcrumb is only a part of .storefront-breadcrumb and this is the bit you are trying to hide.

    .page-id-244 restricts the effect to your homepage.

    So try:

    .page-id-244 .storefront-breadcrumb {
  display: none;
}
    Thread Starter myancey

    (@myancey)

    Thank you. Thank you. Thank you for helping me with this and answering thoroughly. Just what I wanted. You’re awesome! Be blessed!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove Storefront Them Gap Under Menu?’ is closed to new replies.