This topic is locked

CSS problem on mobile device

7/24/2023 1:56:17 PM
PHPRunner General questions
Davor Geci authorDevClub member

Hello,
I can't figure out what css to add to the project to correct the user dropdown to show the same back color like it is on desktop.
I'm using the "default" style.
Here is how it looks on desktop (ok, with white backgroud):
img alt
But when I switch to the mobile view it turns to black:
img alt

fhumanes 7/24/2023

Hello,
I think the configuration that marks the color on a small screen is this line:
img alt
Greetings,
fernando

Davor Geci authorDevClub member 7/24/2023

Thank you Fernando for quick response and for the solution.
So in my case the custom CSS that I added is:
/* on mobile the dropdown for user was black and it should be white like on desktop */ @media screen and (max-width: 767px) { .navbar .navbar-form .dropdown-menu a { background: white; color: black; } .navbar .navbar-form .dropdown-menu a:hover { background-color: #e6e6e6; } }