This topic has 3 replies, 2 voices, and was last updated 10 years by Laura.

  • Author
  • #68415
     maelga
    Participant

    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

    #68734
     Laura
    Moderator

    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
    #68820
     maelga
    Participant

    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

    #68866
     Laura
    Moderator

    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
Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘KLEO’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?