XF 1.2 Changing the style of message_user_info.

[Baron]

I notice when I shrink my browser width to a small size, the location of message_user_info changes from being on the left of the message to being on the top. The styling changes as well. What do I need to do if I want to make that small browser-width style and location always be like that no matter how wide the browser is?

 

[Amaury]

Change max-width to width.

 

[Chris D]

Change max-width to width.

Not correct.

I notice when I shrink my browser width to a small size, the location of message_user_info changes from being on the left of the message to being on the top. The styling changes as well. What do I need to do if I want to make that small browser-width style and location always be like that no matter how wide the browser is?

It's basically this:

.messageUserInfo
{
    float: none;
    width: auto;
}

.messageUserBlock
{
    overflow: hidden;
    margin-bottom: 5px;
    position: relative;
}

.messageUserBlock div.avatarHolder
{
    float: left;
    padding: 5px;
}

.messageUserBlock h3.userText
{
    margin-left: 128px!important;
}

.message .messageInfo
{
    margin-left: 0px!important;
}

Looks terrible, in my opinion. Just a load of wasted space.

 

[Amaury]

Not correct.

Sorry. My bad. I remember Jake telling me to use max-width to make something responsive, so I figured just using width would make it non-responsive.

 

[Chris D]

It would in some cases but that's a bit too general and not much really to do with what the guy is asking to do.

 

[Baron]

Thanks Chris!