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 4 years, 6 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.
