creaky

Customer
I've been playing with the user profile and trying to move things around a bit, this is how it looks on PC desktop

upload_2018-4-22_19-26-44.png

I've added the following to extra.less which moves the avatar and username info down
Code:
.memberHeader-avatar {
   margin-top: 130px;
}
.memberHeader-name {
   margin-top: 130px;
}

The issue comes in responsive view, I get a big gap between the avatar and user info

upload_2018-4-22_19-28-37.png

Is the code above correct or is there a style property I can change? Also, how do I get rid of the gap in responsive view?
 
I've been playing with the user profile and trying to move things around a bit, this is how it looks on PC desktop

View attachment 7829

I've added the following to extra.less which moves the avatar and username info down
Code:
.memberHeader-avatar {
   margin-top: 130px;
}
.memberHeader-name {
   margin-top: 130px;
}

The issue comes in responsive view, I get a big gap between the avatar and user info

View attachment 7830

Is the code above correct or is there a style property I can change? Also, how do I get rid of the gap in responsive view?

Wrap your code in a media query:

Code:
@media (min-width: 481px)
{
.memberHeader-avatar {
   margin-top: 130px;
}
.memberHeader-name {
   margin-top: 130px;
}
}

Will only load above that resolution.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back