Hello,
URL: http://yourtechadvisors.com/forums/topic/testing-safe-to-ignore/
For some reason on mobile devices, part of the reply and post text will overlap the bar where the date is. I have tried deactivating all plugins and checking to see that there are no syntax errors in my CSS. Could someone please check my forum to see what is happening?

Here is an image link, as you can see the mobile view looks pretty bad.
https://drive.google.com/file/d/0B_h6oU4LzDtleElpclF5QV9BajA/view?usp=sharing

I cannot switch to the default theme, I do not want to lose any changes, so a CSS fix would be nice if at all possible.

Thanks for your help.

[@robin-w Moderator 8 years, 9 months ago]

The issue is on line 307 of sccss which says

.bbp-reply-content > p {
  font-size: 14px;
  margin-left: -37px !important;
}

The margin left is causing it to display incorrectly

[@tech55541 Participant 8 years, 9 months ago]

Hello,
I guess it was the !important rule tripping me up, I tried restricting it to desktop devices only and that still did not fix it. I worked with WPMU DEV a little more to come up with this which has seemed to fix it. Why I do not know, all I know is that it is fixed now.

@media screen and (max-width:480px) {
.bbp-reply-author {
float: none;
clear: both;
}
}

Thanks.

[@tech55541 Participant 8 years, 9 months ago]

Hello,
OK, was not all the way fixed, but I was able to get it there.

@media screen and (max-width:480px) {
.bbp-reply-author {
float: none !important;
clear: both;
margin-left: 0px !important;
}
}