Disabling Top Articles

by Jarratt Isted

From our experience top articles are helpful for customers as they guide them towards the most useful articles. We don't offer a native way to turn off top articles, but you can hide to easily with a little CSS.

You'll need to paste all your CSS into the Custom CSS box in Settings
These CSS selectors are likely to change in the future, and might have changed already. They may need adapting for your theme.

Disabling on different templates

Depending on the template you're currently using, you'll need to use a certain code block. You can find out what template is active on your account by heading to Settings > Brand and looking under Template. In the example below, eCommerce is being used.

Boxed, Bars, and Stacked

Here's the CSS you'll need to disable the top articles section in the header:

/* Disable Top Articles */
#header #top-articles-container {
    display: none;
}

eCommerce

Here's the CSS you'll need to disable the top articles section under your category cards:

/* Disable Top Articles */
#home #top-articles-container {
    display: none;
}

Expanded

Here's the CSS you'll need to disable the top articles section to the left of your other category cards:

/* Disable Top Articles */ 
#main[data-hd-template="expandedv3"] #home #category.top-articles { 
    display: none; 
}


What did you think of this doc?