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] My Sub Menu Not Display On Mobile View

13 Posts
4 Users
0 Reactions
2,293 Views
Posts: 61
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
(@ediko)
Trusted Member
Joined: 5 years ago
[#16917]

Drop down menu is not displaying on mobile view. 

I also observe that even on this forum, it's not displaying.

Please tell me how to fix this as most of my viewers uses mobile phones. 


12 Replies
Robert
Posts: 10736
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
(@robert)
Support Team
Joined: 2 months ago

Hi @ediko,

What dropdown menu do you mean?


6 Replies
(@ediko)
Joined: 5 years ago

Trusted Member
Posts: 61
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

@robert That is a menu and not sub menu.

I will referring to a SUB MENU.

On PC view, if you hover over "My Profile" there'sa drop down sub menu comprising:

Activity

Account

Subscriptions

But on Mobile view there are no drop down sub menus like that.

See attachment.

 PC Sub Menu View

(@ediko)
Joined: 5 years ago

Trusted Member
Posts: 61
Robert
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

See mobile view

 Mobile Sub Menu View

Tutrix
(@tutrix)
Joined: 6 years ago

Noble Member
Posts: 1519
Robert
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

@ediko 

the submenu is deactivated for the mobile view
if you want to activate it

add this to custom css

@media screen and (max-width:620px) {
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu li > ul {
display:block !important;
}
}

Dashboard > Forums > Settings > Style (custom css)


(@ediko)
Joined: 5 years ago

Trusted Member
Posts: 61
Robert
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

@tutrix wow thanks.

But the drop down sub menu is covering other menu items below it, please give me a CSS code that will shift the drop down sub menu items to the right so it doesn't cover the menu items below it.

 

Thanks


Tutrix
(@tutrix)
Joined: 6 years ago

Noble Member
Posts: 1519
Tutrix
Robert
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

@ediko 

ok, use this code instead of the one above

@media screen and (max-width:620px) {
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu li > ul {
    display: block !important;
    margin-left: 125px !important;
    margin-top: -48px !important;
}
}

(@ediko)
Joined: 5 years ago

Trusted Member
Posts: 61
Tutrix
Robert
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

@tutrix I really appreciate your kind assistance.

Please i still need another assistance on this issue. I want the width of the li container to contain the li without it breaking to another line. For instance, from the attached, i want "Tribes of the Midwest Region" to be like "Entertainment", "New/Politics".

Thanks

 Sub Menu Width

Posts: 61
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
(@ediko)
Trusted Member
Joined: 5 years ago

Admin please assist with this.

Thanks


Robert
Posts: 10736
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
(@robert)
Support Team
Joined: 2 months ago
Posted by: @ediko

I will referring to a SUB MENU.

I'm sorry but wpForo doesn't support sub-menu on mobile. We may add it in the 2.0 major version.


2 Replies
(@ediko)
Joined: 5 years ago

Trusted Member
Posts: 61
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

@robert scroll up the thread @tutrix provided a code to add it, so i am trying the style the menu.

Thanks


Tutrix
(@tutrix)
Joined: 6 years ago

Noble Member
Posts: 1519
Robert
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

@ediko 

try

@media screen and (max-width:620px) {
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu li > ul {
display: block !important;
margin-left: 125px !important;
margin-top: -48px !important;
width: 220px !important;
}
}

you can adjust the 220px as needed


Posts: 29
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
(@wp-henne)
Trusted Member
Joined: 3 years ago

Old posts hijack I do not like, here it is necessary!

I put here a reference after:
https://wpforo.com/community/postid/86283/

Because there is no solution so far!


Share: