PDA

View Full Version : Looking for help.


Hectorsky
02-04-2020, 05:11 PM
Hi. recently I've added some CSS code to my website, and does look very well, sadly when accessing from mobile the postbit is messed up.

I have this CSS code:

.vb5-noypiscripter-status-update-postbit {
font-style: italic;
background: rgba(255,255,255,.5);
padding: 10px;
text-align: left;
border-radius: 5px;
box-shadow: 0 3px 8px rgba(0,0,0,.18), 0 4px 16px rgba(0,0,0,.36);
position: relative;
border: 1px solid #60686c;
order: 1 !important;
margin: 0 0 15px;
word-break: break-word;
text-shadow: 1px 1px 0 rgba(255,255,255,.4);
}


.vb5-noypiscripter-status-update-postbit:before {
border-color: rgba(96,104,108,0);
border-bottom-color: #60686c;
border-width: 11px;
margin-left: -11px;
}
.vb5-noypiscripter-status-update-postbit:after, .vb5-noypiscripter-status-update-postbit:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.vb5-noypiscripter-status-update-postbit:after {
border-color: rgba(241,243,243,0);
border-bottom-color: #8bbee3;
border-width: 10px;
margin-left: -10px;
}
.vb5-noypiscripter-status-update-postbit:after, .vb5-noypiscripter-status-update-postbit:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

The code is from Glenn from vbmods, also using his mod with status quotation on postbit.

Any help is welcome .

Thanks:(

In Omnibus
02-04-2020, 05:18 PM
What Wayne Luke told you at vBulletin.com is correct. There should be partially or completely different CSS for each media query breakpoint. Vertical and horizontal posbits display entirely differently using entirely different CSS. If Glenn is too busy to offer a free or paid solution then you may have to pay another coder to write a solution from scratch. This is not a simple one or two lines of code fix.

Hectorsky
02-04-2020, 05:59 PM
What Wayne Luke told you at vBulletin.com is correct. There should be partially or completely different CSS for each media query breakpoint. Vertical and horizontal posbits display entirely differently using entirely different CSS. If Glenn is too busy to offer a free or paid solution then you may have to pay another coder to write a solution from scratch. This is not a simple one or two lines of code fix.

Alright , I'll need to have a look then .