BBpress form mobile issue

[joy]

Hello, on a mobile device the form for bbpress is being displayed improperly. How can this be addressed?

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, could you share a link please? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[joy]

This issue is presently observed on this site. Please check it. Thank you.

[Laura]

Hello, please try to add this to quick css or style.css of child theme

@media screen and (max-width: 767px) {
.template-page.no-sidebar .wrap-content, .template-page.col-sm-push-3 .wrap-content, .template-page.tpl-3ll .wrap-content, .sidebar-main.sidebar-3rr .inner-content, .sidebar-extra.sidebar-3lr .inner-content, .sidebar-extra.sidebar-3rr .inner-content, .sidebar-extra.sidebar-3ll .inner-content, .template-page.tpl-3lr .wrap-content, .template-page.tpl-3rr .wrap-content, .sidebar-main.sidebar-3lr .inner-content, .sidebar-main.sidebar-3ll .inner-content, .sidebar-main.sidebar-3rr .inner-content, .sidebar-extra.sidebar-3ll .inner-content, .template-page .wrap-content, .sidebar-left .inner-content, .template-page.tpl-right .wrap-content, .sidebar-right .inner-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
}
@media only screen and (max-width: 480px) {
#bbpress-forums fieldset.bbp-form {
  padding: 0px !important;
  margin-left: -4% !important;
}
}
 Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[joy]

I just did this and it worked out fine.

COPY CODE

@media screen and (max-width: 620px) {
#bbpress-forums .bbp-form input[type="text"] {
	width: 100%;
}
}

Thank you.

[Author]

Posts