[Resolved] Remove Mobile Category Description

Home Forums Support [Resolved] Remove Mobile Category Description

Home Forums Support Remove Mobile Category Description

  • This topic has 9 replies, 3 voices, and was last updated 1 month ago by David.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1773253
    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;
    #1773267
    Leo
    Staff
    Customer Support

    Hi there,

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

    You can use the private information field.

    Let me know πŸ™‚

    #1773282
    Gareth

    Hi Leo,

    Just sent a private link πŸ™‚

    #1773295
    Leo
    Staff
    Customer Support

    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 πŸ™‚

    #1773308
    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 πŸ™‚

    #1773400
    Leo
    Staff
    Customer Support

    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.

    #1773637
    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

    #1773772
    David
    Staff
    Customer Support

    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;
    }
    #1773788
    Gareth

    Thanks David πŸ™‚

    #1773883
    David
    Staff
    Customer Support
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.