How to hide Shop name?

  • Resolved JohnnyScience

    (@johnnyscience)


    5 years, 2 months ago

    So the auto-generated page name for the Shop is rather large and in charge and I would like to eliminate it and just add a nicer looking Shop name to a Headline in the body.

    But I can’t seem to figure out how to disable the Shop page name?

    I’ve even downloaded a plugin specifically to Hide Page & Post Titles

    It works great every where else except for the Shop page.

    Is there a way to hide it other than deleting it from the page Title all together?

    Thanks!

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @johnnyscience!

    You can try the following CSS code and see if that helps: 

    @media only screen and (min-width: 768px)
.woocommerce-products-header__title.page-title {
    display: none;
}

    You can add this CSS code to the “Additional CSS” section found in your customizer, under “Appearance > Customize” page.

    Cheers!

    Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    Howdy!

    We haven’t heard back from you in a while, so I’m going to go ahead and mark this thread as resolved. If you have any other questions please start a new thread.

    Cheers!

    Thread Starter JohnnyScience

    (@johnnyscience)

    Sorry, I didn’t get a chance to reply.

    So I added that code and 

    .woocommerce-products-header__title.page-title {
    display: none;
}

    Worked just fine

    But this piece of code didn’t seem to do anything and I actually had to remove it in order to get the other piece of code to work properly:

    @media only screen and (min-width: 768px)

    Plugin Support AW a11n

    (@slash1andy)

    Automattic Happiness Engineer

    I’m going to go ahead and mark this thread as resolved. If you have any other questions please start a new thread.

    Thread Starter JohnnyScience

    (@johnnyscience)

    Anyone know what this piece of code was supposed to do and why it didn’t seem to do anything when I added it?

    @media only screen and (min-width: 768px)

    Plugin Support John Coy a11n

    (@johndcoy)

    Automattic Happiness Engineer

    @johnnyscience

    You can learn about that here:

    https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    Notice the brackets it contains the other CSS in. This is important to not overlook when you’re writing CSS for specific screen sizes. This is the proper CSS to use:

    
@media only screen and (min-width: 768px) {
.woocommerce-products-header__title.page-title {
    display: none;
}
}

    Hope that helps

    Thread Starter JohnnyScience

    (@johnnyscience)

    Ok thanks, yeah I guess that second set of brackets wasn’t in the 1st piece of code suggested.

    I’ve add it and while I didn’t notice any difference in the appearance, as you suggested, that is the full and proper code.

    Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to hide Shop name?’ is closed to new replies.