GP Forum / Mobile / CSS

Hi David,

I'm using the GP Forum as a blueprint to set up my own support section. As far as I understand from Tom you are also running the forum on the back of bbPress.

Tuning the desktop layout was not an issue. For mobile you are using these two CSS code snippets:

#1 Remove header section

@media (max-width: 768px)
#bbpress-forums li.bbp-header { display: none;
}

#2 Rearrange column items

@media (max-width: 768px)
#bbpress-forums div.odd, #bbpress-forums ul.odd, #bbpress-forums div.even, #bbpress-forums ul.even {
    flex-direction: column;
}

Both are not working on my page. When removing "@media (max-width: 768px)" #1 works just fine. I also noticed that the "li." element is highlighted in red text color (see screenshot from Customizer).

What am I missing?

Many thanks,
Jan