Problem with product page (view basket)

  • Resolved myevital

    (@myevital)


    5 years, 12 months ago

    Hi!

    I added the following code to “Additional CSS” to get rid of breadcrumb/white spaces below the menu. This is what i wanted to achieve: https://snipboard.io/QI70zD.jpg

    
.woocommerce-breadcrumb {
visibility:hidden;

}
main#main.site-main {
margin-top: -12%;
}

    It worked great for every page, except the product page. When an item is added to basket, the banner saying the product is added to basket overlaps the title as you can see in the screenshot attached. It doesn’t happen on the mobile though.

    I’m really happy with the margin position otherwise so how can I move up or get rid of this banner that pops up when a product is added to basket?
    Also it is possible to make the size of the product title smaller as well?

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

Viewing 1 replies (of 1 total)
  • Senff – a11n

    (@senff)

    5 years, 11 months ago

    I’m not entirely clear on what you’re trying to do exactly. Do you want to remove the breadcrumbs altogether, on every page in your site?

    If that’s the case, you might want to try this CSS code instead:

    .storefront-breadcrumb {
	display: none;
}

    To make the product title a bit smaller, you can use this:

    .single-product h1.product_title {
	font-size: 1.5em;
}
Viewing 1 replies (of 1 total)

The topic ‘Problem with product page (view basket)’ is closed to new replies.