-
Posts
-
Hello Support Team,
I use a secondary menu. I would like to display the secondary menu on mobile phones in the burger menu.
Is there any possibility to switch it for small screens?
ThanksHey Andreas_BS,
Thank you for using Enfold.
That’s not possible at the moment, unfortunately. One workaround is to include the secondary menu items in the main menu and then use css to hide them on desktop and display them on mobile view. Let us know if you need help with that.
Best regards,
IsmaelHey Ismael,
thanks for that advise. So I tried out this: CSS class for the secondary menue (name: secondarymenu)
> CSS code:
@media only screen and (max-width: 767px) {
.secondarymenu {display:none;}}new menu in the main menu, CSS class (name: secmenu2)
> CSS code:
@media only screen and (min-width: 768px) {
.secmenu2 {display:none;}}But it doesn’t work. Can you please help me with the CSS code?
Hi,
Thank you for the update.
How did you add the css class attribute? Did you use the menu items’ css class field? Please provide the login details in the private field. We’ll add an example.
Best regards,
IsmaelHello Ismael,
yes, I used the CSS class field in the menu. Please find the login details in the private content.Hi,
I fixed a little error in your custom CSS and targeted menu items using their ID’s. Please review your website :)
Best regards,
YigitHi Yigit,
thank you. I’ve added a new menu (Über den Autor) and wanted to hide the menu on desktop. So I used the following CSS:
@media only screen and (min-width: 768px) {
#menu-item-2043 {display: none;}}I wonder why it doesn’t work.
Greetings
AndreasHi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
Basilis
- The topic ‘mobile secondary menu’ is closed to new replies.