Remove top title bar, breadcrumbs, add product name

[GTS75]

I’m not sure if this is possible, but I’d like to remove the top title bar from all of my product pages (I’m using woocommerce) as well as the breadcrumbs, since they contain annoying terms like variable and product when I wish they were more direct using categories and page names… If it’s possible to remove this bar, I’d like to somehow add product names above where the price is located.

Can this be done?

Thanks in advance.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
.single-product div.page-heading{display:none !important;}
Thanks
Mohammad

[GTS75]

Thanks Mohammad – I still need the product title to display somewhere…how do I go about having the product name show above the price on the product pages?

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce div.product .entry-title {
    display: block !important;
    float: right;
    font-size: 20px !important;
    font-weight: bold !important;
    margin-bottom: 10px;
    margin-left: 48px !important;
    text-align: left;
    width: 48%;
}

Thanks
Mohammad

[GTS75]

That worked, but on mobile phones the product title isn’t centered or aligned any which way…it looks pretty terrible actually…is there any way to center it or at least have it left aligned?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to you custom css option.

@media only screen and (max-width: 479px) {
.woocommerce div.product .entry-title {
text-align: center!important;
width: 100%!important;
}
}

-Rui

[GTS75]

beautiful thank you!

[Rui Guerreiro – SUPPORT]

Great. No problem 🙂
-Rui