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
11 years ago · Last reply by Daniel 11 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 11 years, 2 months ago

    Hi Aleah

    Please try the following

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

    Hope this helps

  2. Daniel Staff 11 years, 2 months ago

    Hi Aleah

    The code above should work like a charm

    @Magus much appreciated :)

    Cheers

  3. Magus Staff 11 years, 2 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 11 years, 2 months ago

    Thank you guys for running the Vantage :)

  5. Aleah Terry 11 years, 1 month 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 11 years, 1 month 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 11 years, 1 month 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 11 years, 1 month 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