Title: Create topic button is not responsive Last modified: March 14, 2019 --- # Create topic button is not responsive * Resolved [letaiwanais](https://wordpress.org/support/users/letaiwanais/) * (@letaiwanais) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/) * Hi. * The create topic button is not responsive when we are on small device like mobile phones. And also the 3 buttons create new topic, subscribe and all marked as read are not aligned. * you can see an example here : [https://imgur.com/a/ffq5Xpx](https://imgur.com/a/ffq5Xpx) * Thanks a lot * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcreate-topic-button-is-not-responsive%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 15 replies - 1 through 15 (of 22 total) 1 [2](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/page/2/?output_format=md) [→](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/page/2/?output_format=md) * [tapiohuuhaa](https://wordpress.org/support/users/tapiohuuhaa/) * (@tapiohuuhaa) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11313319) * I order to get nicely aligned set for all buttons white-space:pre * then button texts don’t go to several rows. * Have you set for them float:left or float:right. * Thread Starter [letaiwanais](https://wordpress.org/support/users/letaiwanais/) * (@letaiwanais) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11313355) * I don’t have Access to the css of the button. Only custome css for other part of my website. * [tapiohuuhaa](https://wordpress.org/support/users/tapiohuuhaa/) * (@tapiohuuhaa) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11313384) * You can redefine the CSS for the button using custom css. * bbp style pack has some predefine CSS, but you can override them. The button has subscription-toggle class. It has as parent element DIV with classes bsp- center bsp-one-third div.bsp-one-third .subscription-toggle {white-space:pre; float:left;display:block} should force texts into single row and also float the button into several rows, if in one row there is not enough space for all. - This reply was modified 7 years, 2 months ago by [tapiohuuhaa](https://wordpress.org/support/users/tapiohuuhaa/). * Thread Starter [letaiwanais](https://wordpress.org/support/users/letaiwanais/) * (@letaiwanais) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11313595) * so if i follow you i have to put “div.bsp-one-third .subscription-toggle {white- space:pre; float:left;display:block} ” in the custom css part and it will solve my issue ? * [tapiohuuhaa](https://wordpress.org/support/users/tapiohuuhaa/) * (@tapiohuuhaa) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11314447) * at least it prevents titles of the buttons going several rows. And if there is not enough space to put more than one button to the same row, it puts them in the next row. * Thread Starter [letaiwanais](https://wordpress.org/support/users/letaiwanais/) * (@letaiwanais) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11317533) * hi. yes it works but the button is not responsive ! he is broken on mobile device see here an example * > [New example button not responsive](https://imgur.com/a/DhNIXKx) * [tapiohuuhaa](https://wordpress.org/support/users/tapiohuuhaa/) * (@tapiohuuhaa) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11321496) * I tested my own site the create new button with a mobile phone and it worked ok.In most cases when you can see button but it doesn’t work, the reason is stack order. some element, which has higher z-index prevents working such links, which remain under the element, which has higher z-index. * Thread Starter [letaiwanais](https://wordpress.org/support/users/letaiwanais/) * (@letaiwanais) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11324936) * Thanks for the response. But i don’t understand what is stack order or z-index, and the most important, how to resolve the issue. Where i need to go ? * [tapiohuuhaa](https://wordpress.org/support/users/tapiohuuhaa/) * (@tapiohuuhaa) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11325391) * Apparently you can set custom CSS for the site because you can use plugins. stack order and z-index relate with html element layers. You can with position put elements over each others. Then elements works like layers. Stack is at least two elements, which overlap each others. Z-index controls, which element should be over another element. Higher z-index means the element must put higher in the element stack. * Thread Starter [letaiwanais](https://wordpress.org/support/users/letaiwanais/) * (@letaiwanais) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11325495) * Ok. Thanks. * But i don’t understand the relationship with my broken button. * Can you explain me which css code i need to put for having my button running well ? I’m not a developer so that why i’m asking you that * [tapiohuuhaa](https://wordpress.org/support/users/tapiohuuhaa/) * (@tapiohuuhaa) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11325561) * You apparently have not yet set white-space:pre and other CSS, which I proposed because the text goes to several rows. Try for blue buttons float:left; clear: all and to the black button float:right; * Be sure to have height and top & bottom margins in order to get nice result. You have missing margins because black button has no top margin. If buttons overlapp, it might cause misbehavior. * try * .bsp-center {float:left; clear: all; margin: 3px 0;height:30px;} .bsp-center a {white-space; pre;} /* note – this for the a element! */ * Thread Starter [letaiwanais](https://wordpress.org/support/users/letaiwanais/) * (@letaiwanais) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11330278) * HI.I have put your code into the settings of the plugin but it do not work. My button is still broken when you can see here [https://imgur.com/gallery/9FMqyEN](https://imgur.com/gallery/9FMqyEN)( on mobile devices) [https://imgur.com/mOug56Y](https://imgur.com/mOug56Y) (on desktop) * and here the code i put in the settings. * > [View post on imgur.com](https://imgur.com/zX7bOR6) * I Can’t choose which button i want to be affected by the change. * [tapiohuuhaa](https://wordpress.org/support/users/tapiohuuhaa/) * (@tapiohuuhaa) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11330291) * I don’t undertand, why it doesn’t work. * With white-space:pre I get in my own site text into single line. * Thread Starter [letaiwanais](https://wordpress.org/support/users/letaiwanais/) * (@letaiwanais) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11330411) * Could give an example/image of what you’re doing for being sure we talk about the same subject ? * Also maybe you or the plugin developer can try to go to my admin panel for resolve the issue ? * [tapiohuuhaa](https://wordpress.org/support/users/tapiohuuhaa/) * (@tapiohuuhaa) * [7 years, 2 months ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/#post-11330436) * [https://aijaa.com/iOHElg](https://aijaa.com/iOHElg) * from my site – those work ok. Viewing 15 replies - 1 through 15 (of 22 total) 1 [2](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/page/2/?output_format=md) [→](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/page/2/?output_format=md) The topic ‘Create topic button is not responsive’ is closed to new replies. * ![](https://ps.w.org/bbp-style-pack/assets/icon-256x256.jpg?rev=2706563) * [bbp style pack](https://wordpress.org/plugins/bbp-style-pack/) * [Support Threads](https://wordpress.org/support/plugin/bbp-style-pack/) * [Active Topics](https://wordpress.org/support/plugin/bbp-style-pack/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/bbp-style-pack/unresolved/) * [Reviews](https://wordpress.org/support/plugin/bbp-style-pack/reviews/) * 22 replies * 3 participants * Last reply from: [tapiohuuhaa](https://wordpress.org/support/users/tapiohuuhaa/) * Last activity: [7 years, 1 month ago](https://wordpress.org/support/topic/create-topic-button-is-not-responsive/page/2/#post-11422593) * Status: resolved