Hello! I have a problem with a button in the menu. I need to disable it in the mobile version. If I add a class with “display:none;” this works correct in desktop version, but when I resize the browser (or in the mobile version) the button appear. It looks like the class work on web version but not mobile.
simply I use:
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { #menu-item-19 {display:none!important;} }
but on mobile the menu continue to show me the button.
Thank you in advance.
-
This reply was modified 3505 days ago by markosansa.
-
This reply was modified 3505 days ago by markosansa.
-
This reply was modified 3505 days ago by markosansa.
-
This reply was modified 3505 days ago by markosansa.
|
|
Hello,
Add this code to Mobile CSS in Theme Options and it should work fine on mobile.
#menu-item-19 {display:none!important;}
Best,
ThemeBurn team
|
|
Thank you for your reply,
I tried with this but not work .
This is the website http://bit.ly/1D0rEPY the button that I want to hide in mobile version is “ASESORAMIENTO”.
I tried with two solution but nothing:
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait) {
#categories > ul > li > #menu-item-361 {display:none!important;}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {
#categories > ul > li > #menu-item-361 {display:none!important;}
}
or
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait) {
#menu-item-361 {display:none!important;}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {
#menu-item-361 {display:none!important;}
}
but nothing.
I don’t understand why the css not work …
Thank you so much!
|
|
Solved,
I added “a” at the ID so the code that work is this:
#menu-item-361 a {display:none!important;}
Thank you.
|
|
Solved,
I added \”a\” at the ID so the code that work is this:
#menu-item-361 a {display:none!important;}
Thank you.
|
|
Glad you’ve managed to solve this one
Best,
ThemeBurn team
|
|