[Resolved] Titles showing up on Mobile and Tablet

[guevara]

hello i would like the title not to show on mobile and tablet as in the desktop and i dont want to disable the content title under the elements because it would affect my H1 tags for seo. is their a way to hide them on mobile and tablet. I increased the the headers to full width to stop it showing on desktop.

[Ying]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    .home h1.entry-title {
        display: none;
    }
}

Let me know 🙂

[guevara]

Many thanks – you are a star.

[Ying]

You are welcome 🙂

[guevara]

Hello it seemed to walk but now its kind of reverted back – please help

[Elvin]

Hi there,

Can you re-add it? I don’t see it being added on your site anymore.

You can add on it on Appearance > Customize > Additional CSS and make sure it is saved.

Let us know how it goes. 😀

[guevara]

re added but still showing, help

[guevara]

Also cleared the cache

[Elvin]

Ah I misread the issue being asked. My bad.

The titles are showing up on mobile and tablet because you have an @media rule exempting some viewports. ( @media (max-width:768) )

Can you try removing the @media rule wrapping the CSS?

Only add this: (no @media rule)

    .home h1.entry-title {
        display: none;
    }

[guevara]

still showing up

[guevara]

the home page is fine but the problem is with other pages.

[Elvin]

the home page is fine but the problem is with other pages.

That’s the CSS provided was specifically applied to the home page only (.home selector)

If you want it to apply site-wide, try this CSS instead:

h1.entry-title {
        display: none;
}

[guevara]

Many Thanks- 👍🏾👍🏾

[Elvin]

No problem. 😀

[Author]

Posts