Brad P Well-known member Aug 18, 2016 #1 morning, I need some help please on the mobile look on the members posting view. See image below its a little ugly and needs tidying up. Any idea on how I can achieve this. Attachments wp_ss_20160818_0001.webp 44.3 KB · Views: 14
morning, I need some help please on the mobile look on the members posting view. See image below its a little ugly and needs tidying up. Any idea on how I can achieve this.
JustinHawk Well-known member Aug 18, 2016 #2 maybe something like this Two Css classes i played with Code: .messageUserInfo .som{ text-align: left; padding-left: 70px; } .Responsive .messageUserBlock .userBanner{ width:100% } Moderator: Refrain from posting images which breach the site rules related to censored words. Last edited by a moderator: Aug 18, 2016 Upvote 0 Downvote
maybe something like this Two Css classes i played with Code: .messageUserInfo .som{ text-align: left; padding-left: 70px; } .Responsive .messageUserBlock .userBanner{ width:100% } Moderator: Refrain from posting images which breach the site rules related to censored words.
Brad P Well-known member Aug 18, 2016 #3 JustinHawk said: .messageUserInfo .som{ text-align: left; padding-left: 70px; } .Responsive .messageUserBlock .userBanner{ width:100% } Click to expand... how can i get it so is doesn't display the banners on mobile. i did this but it removes it from pc view also. Code: .Responsive .messageUserBlock .userBanner { display:none !important; } Upvote 0 Downvote
JustinHawk said: .messageUserInfo .som{ text-align: left; padding-left: 70px; } .Responsive .messageUserBlock .userBanner{ width:100% } Click to expand... how can i get it so is doesn't display the banners on mobile. i did this but it removes it from pc view also. Code: .Responsive .messageUserBlock .userBanner { display:none !important; }
JustinHawk Well-known member Aug 18, 2016 #4 Brad P said: how can i get it so is doesn't display the banners on mobile. i did this but it removes it from pc view also. Code: .Responsive .messageUserBlock .userBanner { display:none !important; } Click to expand... use that code like this so that it doesn't came in pc view Code: @media (max-width:481px) { .Responsive .messageUserBlock .userBanner { display:none !important; } } Upvote 0 Downvote
Brad P said: how can i get it so is doesn't display the banners on mobile. i did this but it removes it from pc view also. Code: .Responsive .messageUserBlock .userBanner { display:none !important; } Click to expand... use that code like this so that it doesn't came in pc view Code: @media (max-width:481px) { .Responsive .messageUserBlock .userBanner { display:none !important; } }
Brad P Well-known member Aug 18, 2016 #5 JustinHawk said: use that code like this so that it doesn't came in pc view Code: @media (max-width:481px) { .Responsive .messageUserBlock .userBanner { display:none !important; } } Click to expand... perfect thank you sir Upvote 0 Downvote
JustinHawk said: use that code like this so that it doesn't came in pc view Code: @media (max-width:481px) { .Responsive .messageUserBlock .userBanner { display:none !important; } } Click to expand... perfect thank you sir