Home>Support>How hide site title in Vantage Premium

How hide site title in Vantage Premium

By Aleah Terry, 9 years ago. Last reply by Daniel, 9 years ago.

I am trying to hide the site title from the mastheadon my site (www.1140balance.com). I already have the following custom CSS applied:
/* Header */

header#masthead {
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
}

@media (max-width: 680px) {

header#masthead .hgroup {
padding-top: 55px !important;
padding-bottom: 55px !important;
}

header#masthead {
background-size: 100%;
}

}

What can I add to this to hide the site title that is appearing over my header image?
I have already tried adding the following and it did not work:

#masthead . site-title {
display:none;
}

I have also tried adding (and it did not work):

/* Vantage Hide the Site Title */

header#masthead .hgroup h1 {
display: none;
}

Thank you!
Aleah

URL: http://www.1140balance.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 6 months ago Magus
    Hi, I Work Here

    Hi Aleah

    Please try the following

    header#masthead .hgroup .site-title {
display:none;
}

    Hope this helps

  2. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Aleah

    The code above should work like a charm

    @Magus much appreciated :)

    Cheers

  3. 9 years, 6 months ago Magus
    Hi, I Work Here

    @Addo

    No Problem, You have all helped me when I needed it, so I’m happy to repay whenever possible.

    Magus

  4. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Thank you guys for running the Vantage :)

  5. 9 years, 6 months ago Aleah Terry

    @Addo, unfortunately this did not work. Below is the current custom CSS I have (I added yours to the end):

    /* Header */

    header#masthead {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    }
    @media (max-width: 680px) {

    header#masthead .hgroup {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
    }

    header#masthead {
    background-size: 100%;
    }

    header#masthead .hgroup .site-title {
    display:none;
    }

    I’ve tried adding yours to the front and the end, but the title is still visible over my header image.
    Thanks!
    Aleah

  6. 9 years, 6 months ago Daniel
    Hi, I Work Here

    Hi Aleah

    Sorry for the hassle. Use this

    header#masthead .hgroup h1 {
display:none !important;
}

    If that does not work out for you, kindly include login details so that I check this out. Ensure you check the ‘Private Reply’ option while sending the credentials

    Cheers

  7. 9 years, 5 months ago Aleah Terry

    After a little trial and error, I finally got it to work! (I had to place it ahead of the other custom CSS I had in there for the header). Thank you so much!!!

  8. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Perfect :-)

    Always feel free to open a new thread whenever you require support

    Cheers

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More