This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

How hide site title in Vantage Premium

Resolved 8 replies premiumthemetheme-vantage
Aleah Terry
10 years ago · Last reply by Daniel 10 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.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Magus Staff 10 years, 11 months ago

    Hi Aleah

    Please try the following

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

    Hope this helps

  2. Daniel Staff 10 years, 11 months ago

    Hi Aleah

    The code above should work like a charm

    @Magus much appreciated :)

    Cheers

  3. Magus Staff 10 years, 11 months ago

    @Addo

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

    Magus

  4. Daniel Staff 10 years, 11 months ago

    Thank you guys for running the Vantage :)

  5. Aleah Terry 10 years, 10 months ago

    @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. Daniel Staff 10 years, 10 months ago

    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. Aleah Terry 10 years, 10 months ago

    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. Daniel Staff 10 years, 10 months ago

    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.

Have a different question or issue?

Start New Thread