Hello,
Please try this CSS
@media (max-width: 576px) {
.hide-on-mobile {
display: none !important;
}
}
@media (min-width: 960px) {
.hide-on-desktop {
display: none !important;
}
}
Thanks
Hey
It did´nt work, but if i placed:
.hide-on-desktop {
display: none !important;
}
on the base of css, then it worked on desktop, but now alle menu desappears on the mobil, on all pages.?
-
This reply was modified 3 years, 7 months ago by
LM_Uniserv.
Hello,
Your code looks different missing media query so device is missing it’s coming from Bootstrap. We use Bootstrap
Please don’t add directly without the media query
use this code in Appearance => Customize => Additional CSS
@media (max-width: 576px) {
.hide-on-mobile {
display: none !important;
}
}
@media (min-width: 960px) {
.hide-on-desktop {
display: none !important;
}
}
Thanks
After checking the dobelt menu coms bask between the to sizes – tablet size. Is der a hide code for that to?
Desktop and mobil works.
The menu is not the same place ind the listing padge. Is it me that have done somthing wrong?
Best regards: Louise
-
This reply was modified 3 years, 7 months ago by
LM_Uniserv.
-
This reply was modified 3 years, 7 months ago by
LM_Uniserv.
I see also okay in tab device. Did you fix it?
Hey Ali
Yes the hide on tablet fuction worked. Only the position of the elements ind the menu now varys. It seem to be worst on tablet, and a litle on desktop, and okay on mobil. I dont know why yet.