[Resolved] Remove Mobile Category Description

[Gareth]

Good Evening,

I am using the below CSS to remove the category description.

This has removed the category on desktop but not on mobile.

How can I remove the category/archive description on all archives?

Thanks,
Gareth

.page-header .taxonomy-description {
      display: none;

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Gareth]

Hi Leo,

Just sent a private link 🙂

[Leo]

Is there a specific page I should be looking at?

Can you clear and disable your caching plugin when we are trying to help?

Thanks 🙂

[Gareth]

It is all archive descriptions that I want to disable.

As you can see it’s currently not displayed on desktop, but I would like it not displayed for all device types.

Apologies, just turned off caching 🙂

[Leo]

Your code is wrapped in which is desktop only media query:
https://www.screencast.com/t/iVpBLoz4LliL

Removing that should work.

If that’s not intended, then you are likely missing a closing bracket } somewhere for that media query above.

[Gareth]

Please forgive my stupidity 🙂

This is all of the Code that I have on my site.

@media (min-width:769px) {
    .main-navigation .main-nav ul li.nav-button a {
        background-color: #4682b4;
        border: 3px solid #4682b4;
        color: #ffffff;
        line-height: 35px;
    }
.page-header .taxonomy-description {
      display: none;
}
	.inside-right-sidebar {
  height: 100%;
}
.inside-right-sidebar .widget:last-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

Any change you could change it for me so that the mobile archive descriptions are not showing?

Thanks,
Gareth

[David]

Hi there,

you have an open @media query – heres your CSS and i have added and commented where the missing } needs to be added:

@media (min-width:769px) {
    .main-navigation .main-nav ul li.nav-button a {
        background-color: #4682b4;
        border: 3px solid #4682b4;
        color: #ffffff;
        line-height: 35px;
    }
} /* Add bracket here to close the above media query */
.page-header .taxonomy-description {
      display: none;
}
	.inside-right-sidebar {
  height: 100%;
}
.inside-right-sidebar .widget:last-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

[Gareth]

Thanks David 🙂

[David]

You’re welcome

[Author]

Posts