The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
||||
|
||||
Looking for help.
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: 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; } Any help is welcome . Thanks |
#2
|
||||
|
||||
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.
|
#3
|
||||
|
||||
Quote:
|
Thread Tools | |
Display Modes | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|