Problem with top bar background color from mobile versione - How-to and Troubleshooting - wpForo 2.0

RE: Problem with top bar background color from mobile versione

bimba1984 — Thu, 08 Nov 2018 12:25:41 +0000

Thank you so much @Sofy, it works fine!

RE: Problem with top bar background color from mobile versione

Sofy — Thu, 08 Nov 2018 11:45:32 +0000

Hi bimba1984,

Add this CSS code in Dashboard > Forums > Settings > Styles > "Custom CSS Code" textarea.

@media screen and (max-width: 620px){
    #wpforo #wpforo-wrap #wpforo-menu .wpf-menu li {
       background: #FFB472;
    }
}
@media screen and (max-width: 620px){
   #wpforo #wpforo-wrap #wpforo-menu li {
       border-right: #FFB472 1px solid;
   }
}

RE: Problem with top bar background color from mobile versione

bimba1984 — Thu, 08 Nov 2018 10:41:38 +0000

Of course @Sofy, here it is: https://ilmondodellemamme.it/community/

RE: Problem with top bar background color from mobile versione

Sofy — Thu, 08 Nov 2018 10:35:44 +0000

Hi@bimba1984.

As you've made customization, we cannot guess what went wrong, you need to check the background colors of those divs in the CSS media rules.

We can help you to solve the issue if you provide your forum URL.

RE: Problem with top bar background color from mobile versione

bimba1984 — Wed, 07 Nov 2018 09:38:22 +0000

Yes, it's the first thing I've done.

RE: Problem with top bar background color from mobile versione

Sofy — Wed, 07 Nov 2018 07:28:38 +0000

Hi bimba1984,

Have you deleted caches before checking?

Problem with top bar background color from mobile versione

bimba1984 — Tue, 06 Nov 2018 20:24:56 +0000

Hello, I customized the colors of the forum also changing some css codes. Now I have a problem with the top bar background color, in desktop and mobile view. Here are two screenshots. The colors are not the same in both the screens. The correct color view must be the desktop one. Where did I go wrong?

Color-bar-menu-Error.png