Site logo

Archived topic

Remove Mobile Category Description

9 replies · Started by Gareth on May 10, 2021

Viewing posts 1–10 of 10

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;

Hi there,

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

You can use the private information field.

Let me know :)

Hi Leo,

Just sent a private link :)

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 :)

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 :)

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.

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

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;
}

Thanks David :)

You're welcome

This archived topic is closed to new replies.