site title on mobile devices

Resolved catwingz
(@catwingz)

12 years, 2 months ago
Down to the last of the details, on a mobile device the site title reappears, making it so that the business name appears twice, first in the logo and then in text directly under it. I am trying to remove the title and have tried
```
#site-title {
    display: none;
}
```
as well as
```
#content-right div #site-title h1 a {
    display: none;
}
```
Neither has any effect. Suggestions?

Thank you!

Viewing 9 replies - 1 through 9 (of 9 total)

DesignsByTrey
(@designsbytrey)

12 years, 2 months ago

Hey CatWingz,

I would be more than happy to look into this for you. Could you please provide the link to your website? 🙂

-Trey
Styled Themes
(@gejay)

12 years, 2 months ago
Looks like an update requirement on my part…however, in your stylesheet, do this:
```
@media (max-width: 480px) {
    #site-title h1 {
      display: none;
    }
}
```
Thread Starter catwingz
(@catwingz)

12 years, 1 month ago

Sadly the @media style suggestion didn’t work.

Trey, if you are still around, the site is here.

Thank you
Styled Themes
(@gejay)

12 years, 1 month ago
Hmmm… that really should be working. Try this one out because I just did this with your site via the browser’s webmaster tools:
```
@media (max-width: 767px) {
  #site-title h1 {
    display: none;
  }
}
```
DesignsByTrey
(@designsbytrey)

12 years, 1 month ago
Hey Catwingz,

You summoned me, so here I am lol 🙂

Try this:
```
#site-title a {
  display: none;
}
```
Important: Just copy and paste this code into the bottom of your Custom CSS or Child Theme style.css so that you won’t lose your changes once you update your theme in the future. A Child Theme is the safest and best way to go when doing all kinds of modifications.

Hope this helps!
-Trey
CSS-Karate
(@css-karate)

12 years, 1 month ago
Hey Catwingz,

Hey its Trey. Had to create another account cuz for some reason my other on wont let me post. But, You summoned me, so here I am lol 🙂

Try this:
```
#site-title a {
  display: none;
}
```
Important: Just copy and paste this code into the bottom of your Custom CSS or Child Theme style.css so that you won’t lose your changes once you update your theme in the future. A Child Theme is the safest and best way to go when doing all kinds of modifications.

Hope this helps!
-Trey
Thread Starter catwingz
(@catwingz)

12 years, 1 month ago

Yeay! The 767px style took care of it.

Thank you to you both 🙂

Styled Themes
(@gejay)

12 years, 1 month ago

You’re very welcome catwingz…also thanks Trey for helping out too.

CSS-Karate
(@css-karate)

12 years, 1 month ago

Not a problem 😉