HOW TO CHANGE THE MAXIMUM SCREEN WIDTH TO GO FROM DESKTOP VERSION TO MOBILE VERS
-
Dear friends, I open this new topic because in a previous one they responded fatally.
The theme brings by default the maximum screen width of 1024px to make the change from the desktop version header to the mobile version header.
I ask again:
What CSS or JS code should I add to my theme so that the maximum screen width to change from desktop version header to mobile version header is 1080px or write the one I want?
You are the developers and you know perfectly how to do this, since all the themes I have, they have this customizable option and I need it.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
@media (max-width: 1080px) {
.whb-header .whb-hidden-desktop,
.whb-header .whb-hidden-lg {
display: flex;
}
.whb-header .whb-hidden-mobile,
.whb-header .whb-visible-lg {
display: none;
}
}
Best Regards
.
