Just hide Forums and Start topic button

[kmk]

Hello, I would like hide the Forums and the Start Discussion button, without affect elements of anothers pages. 

The Start Discussion is duplicated, there already have the Plus ➕ to start a topic. 

[kmk]

@media screen and (max-width: 979px)
.ipsResponsive_block {
    display: none;
}

it can not hide the button

[kmk]

@media screen and (max-width: 979px)
.ipsToolList.ipsToolList_horizontal {
    display: none;
}

still not work...😵

[kmk]

Anyone can suggest another solution? Forums title and Start new topic button, as Desktop and mobile, I would like have it hidden...

[kmk]

Finally I found this solution to hide Forums title

 

But still miss hide button "Start new topic" solution... 

[All Astronauts]

Would you want the view selector removed as well? Also you know the above is in KS already right 🙂

[kmk]

36 minutes ago, All Astronauts said:

Would you want the view selector removed as well? Also you know the above is in KS already right 🙂

Thanks, by now only this adjustment need to be made, due it is for a pre-sale project, is a little hard purchase an App only for hide the botton purpose... Hope you don't feel because I don't want to buy your app... 

[kmk]

yes, I think I found the solution...

.ipsToolList_horizontal > .ipsToolList_primaryAction .ipsButton:not( .ipsButton_link ) {
    padding: 0 40px;
    display: none;
}

.ipsBreadcrumb_top {
    margin-bottom: 0px;
}

[kmk]

I use below css code and it work, but the Clubs page is affected...how can I adjust it to orginal position?

[Ehren]

You need to be very careful when deciding what elements to target with css.

Many of the classes which you're editing are used globally, so if you try removing .ipsToolList.ipsToolList_horizontal, you'll be affecting many areas of the site.

To remove the Forums title and the Start New Topic button (on both desktop and mobile), add this to custom.css

.cForumHeader,
.cForumHeader + .ipsToolList{
	display: none !important;
}

Keep in mind that the viewing options (table, grid and fluid) will also be removed. If you need those to stay, let me know.

Wrap the above code with a media query if you only want to target mobiles.

[kmk]

3 hours ago, Ehren said:

.cForumHeader, .cForumHeader + .ipsToolList{ display: none !important; }

Super clean and easy...thanks 

How it will be if we want the fluid option available?

[Ehren]

This should do it:

.cForumHeader .ipsType_pageTitle,
.cForumHeader .ipsToolList_primaryAction,
.cForumHeader + .ipsToolList{
	display: none !important;
}

.cForumHeader .ipsToolList{
	margin-left: auto !important;
}