Need help with 2 things about plugin styles.

Hi @sneesel

Problem #1 – You Can Hide wpForo Menu from Dashboard > Forums > Settings > Features Tab and Use wpForo Menu shortcodes to add them to your primary menu with Custom Link` URL Field:

Problem #2 – Mobile Browser Have Hard Cache, Open Your Website with Incognito and you will see that the code is working.

• This reply was modified 3 years, 5 months ago by gVectors Dev.

Hello @gvectorsdevs

Thank you for the answer, you did not understand me at the first problem.

I don’t want to hide it, I want to make it static I want it to go below with the user, like this: https://wpforo.com/community/how-to-and-troubleshooting-2/wpforo-menu-sticky/

(Here is a video of that I want but I can’t replicate it https://www.screencast.com/t/TTWxd7uy because I have not idea how to do it)

Second problem, it is still not working, the icon disappear once I put this code

@media screen and (max-width: 620px){
#wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-info, #wpforo #wpforo-wrap .wpfl-2 .wpforo-forum-info {
    width: 80% !important;
  }
}

You can confirm here: https://i.imgur.com/gYTsHZa.png

Hopefully you can help me, thank you so much.

@sneesel,
Go to Dashboard > Forums > Settings > Styles Tab and insert the below code in Custom CSS Code Field:

#wpforo #wpforo-wrap #wpforo-menu {
    position: sticky !important;
    top: -1px !important;
    z-index: 9999999999 !important;
}
div#page.site {
    overflow: visible !important;
}

@sneesel,
You hadn’t use the full code.
Try this one:

#wpforo #wpforo-wrap .wpforo-forum-icon {
    display:block !important;
}

@media screen and (max-width: 620px)
    #wpforo #wpforo-wrap .wpfl-1 .wpforo-forum-info {
    width: auto !important;
}

Hello @gvectorsdevs

I put both, but no one worked.

Look: https://i.imgur.com/iFlJnT4.png the codes

Look the menu is not sticky and icon is showing wrong, not beside the title: https://i.imgur.com/gvtq2kS.png

Thank you so much.

@sneesel,

I put both, but no one worked.
Look: https://i.imgur.com/iFlJnT4.png the codes

The code is not working on your website, I don’t know what’s the reason.

Look the menu is not sticky and icon is showing wrong, not beside the title: https://i.imgur.com/gvtq2kS.png

That’s the only working code I can give you.

For more Professional CSS customization, you need a CSS Dev.