BuddyPress.org

I don’t have a quick fix, but your theme is doing some odd things. Instead of loading links it’s loading an image map and making part of the image map clickable, I guess to allow for a custom font (an image looking font) for the login/register. This is not going to work well in a responsive setup where the page is skinnier than the design was intended for.

Any chance you can get the theme developer to ditch the image map and replace the Login/Register with more traditional links? It would make this very easy to fix.

Ok so, first delete the image map.

Then in the file header.php in your theme, you can add this code:

<!-- Register/Login links for logged out users -->
<?php if ( !is_user_logged_in() ) : ?>
<div class="header-login">
<a href="<?php echo wp_login_url( $redirect ); ?>" class="button">Login</a>
<?php if ( bp_get_signup_allowed() ) : ?>
<a href="<?php echo bp_get_signup_page(); ?>">Register</a>
<?php endif; ?>
</div>
<?php endif; ?>

Basically it first checks to see if the user is NOT logged in.
If that condition is met (user is logged out) then it displays a link to Login and then a link to Register (if registration is open).

I put the whole thing into a DIV element called .header-login which you can used to style the section via CSS. At first it may not look like much – just two links. You or your developer will need to edit the CSS. Maybe if you get it working correctly but it looks bad, you can come back to the forums here and post again about how to style it.

No problem. Glad to hear it’s all working now.