AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Closed] how to change mobile menu like a desk top.

2 Posts
2 Users
0 Reactions
2,453 Views
Posts: 74
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@snozy86)
Estimable Member
Joined: 7 years ago
[#11209]

It is hard to find long in for users when using mobile.

how do I change from drop-down menu to desktop menu set up?

I only want to have

1. forum

2. login(user name if the user is already loged in), 

3. message

I really do not like the dropdown menu style on the mobile menu.

for the mobile menu, log in is almost hiding. some of my users are old people. I will have to make it easy.

Would you let me know how to change it? 

Thanks

 

Screen Shot 2019 12 05 at 9.05.03 PM

1 Reply
Sofy
Posts: 5777
 Sofy
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@sofy)
Support Team
Joined: 8 years ago

Hi @snozy86,

Please try the following CSS code. Put it in Dashboard > Forums > Settings > Style > "custom CSS code" textarea.  

@media screen and (max-width: 620px){
#wpforo #wpforo-wrap #wpforo-menu .wpf-res-menu {
display: none;
}
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu li a {
padding: 5px 11px;
}
ul#wpf-menu {
display: flex !important;
}
}

Please check on incognito mode, because mobile browsers have a hard cache you cannot see the changes immanently.


Share: