Tagged: menu, mobile, responsive
HI team,
I would like to assign a different menu on responsive view such as mobile,
is there any option let me to tick for the menu assign to ?
Please help!
regards,
Akzleung
Hi Akzleung!
Please go to Appearance > Menus and click on “Screen Options” on the top right and check “CSS Classes” then edit your menu elements and give them custom classes as in example – http://i.imgur.com/RPC1DZz.png
Then add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 990px) {
.hide-on-mobile { display: none !important; }}
@media only screen and (min-width: 990px) {
.hide-on-desktop { display: none !important; }}
Best regards,
Yigit
hi Yigit,
Your css works perfectly!
Thank you!
Best regards,
Akzleung