Responsive registration button

[maelga]

Hi,

How can I make the button on the registration form responsive?

(\themes\kleo-child\buddypress\members\register.php)

COPY CODE

<div class="submit">
	<input type="submit" name="signup_submit" id="signup_submit" value="<?php esc_attr_e( 'Complete Sign Up', 'buddypress' ); ?>" />
</div>

Thank you

[Laura]

Hello, the button is responsive already. Could you share a screenshot?

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 🙂

[maelga]

Hi Laura

What I mean is that the button on the registration form does not have the responsiveness effect of the other Kleo buttons, i.e. full-width and a bit oversized on small screens.

See pictures attached. Betwen large and small screens, there is no styling difference.
Could you please help me get it full width and oversized on mobile?

Thank you

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try to ad this to quick css or style.css in child theme 🙂
Does it looks like you wanted?

COPY CODE

@media (max-width: 991px) {
#buddypress .standard-form div.submit input {
  margin-right: 180px;
  width: 100%;
}
}

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 🙂

[Author]

Posts