Notifications
Clear all

[Solved] Drop-Down Menu not working mobile

3 Posts
2 Users
0 Reactions
927 Views
Posts: 61
 shl
Topic starter
(@shl)
Trusted Member
Joined: 5 years ago

We have WPML running on The7 theme and a forum running 2.06
Language Switcher is working as drop-down in Desktop but unfortunatelly not in Mobile version.

Question: 
1. Is this a compatibility problem with WPML? In the7 theme things are working
2. If not possible with current WP Foro - how could we show different forum menus for mobile and desktop?

you can check things on www.livetube.tv/forum 

Thanks
Sven

Topic Tags
2 Replies
Tutrix
Posts: 1495
(@tutrix)
Noble Member
Joined: 5 years ago

@shl

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 > Colors & Styles (Custom CSS)

1 Reply
 shl
(@shl)
Joined: 5 years ago

Trusted Member
Posts: 61

@tutrix That worked - many thanks! 

I have one other question: We are tyring to change the font color and background above the new forum board images. See screenshot upload. 

I have tried the following - but it does not seem to work
Forum URL stays https://www.livetube.tv/forum

What I have tried (and yes we cleared all cache as before)

#wpforo-cat-panel {
background: rgba(0,107,172,0.67) !important;
color: #ffffff !important;
}

 

Or do we have somewhere a mistake in our code.
Would appreciate you also have a general look if it looks OK.

#wpforo #wpforo-wrap {
padding: 10px 10px;
}

#wpforo #wpforo-wrap .wpforo-post .wpforo-post-content p, #wpforo #wpforo-wrap .wpforo-revision-body p, #wpforo #wpforo-wrap .wpforo-post .wpforo-post-content span {
font-family: "Arial Rounded MT Std", Arial, sans-serif !important;
}

#wpforo #wpforo-wrap .wpforo-forum-description {
font-family: "Arial Rounded MT Std", Arial, sans-serif !important;
}

.mce-container, .mce-container *, .mce-widget, .mce-widget * {
color: #006bac !important;
}

.mce-tooltip-inner {
color:#ffffff !important;
background: #006bac !important;
}

.mceu_61-button {
background: #ffffff;
}

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

#wpforo-cat-panel {
background: rgba(0,107,172,0.67) !important;
color: #ffffff !important;
}

 

Many thanks for your help
Appreciated!

 

Will also post this as new topic for the community.

Sven