Archived topic
Remove Mobile Category Description
9 replies · Started by Gareth on May 10, 2021
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