MyBB Central
[Tutorial]Responsive MyBB Menu for 1.8 series - Printable Version

+- MyBB Central (http://www.mybbcentral.com)
+-- Forum: Mybb 1.6x Series Topics (http://www.mybbcentral.com/forum-34.html)
+--- Forum: Mybb 1.6x Theme and Template Releases (http://www.mybbcentral.com/forum-36.html)
+--- Thread: [Tutorial]Responsive MyBB Menu for 1.8 series (/thread-12844.html)



[Tutorial]Responsive MyBB Menu for 1.8 series - WallBB - Sep 22, 2016

[Tutorial]Responsive MyBB Menu
Hey guys,
Just wrote a guide on adding responsive header in MyBB, thought I should share with you all.
Live Demo – http://codepen.io/WallBB/pen/bwwwBL
It is 3 step tutorial and easy to follow :-
Steps :-
1. First of all open the header template located at -> Admin cp > Templates and Styles > Templates > Your Theme Template > header Templates > header and add the below code just above
https://gist.github.com/anonymous/b4b9240bccd5e4ca7f44303cec62659b#file-header-mybb
2. Go to your theme and click add stylesheet. Write the name as responsive_menu.css and click write my own content.
3. Paste the below content and click save stylesheet.
https://gist.github.com/anonymous/283a5cc77698f0419d3df991b937cc40#file-responsive-menu-css-by-wallbb

Go to your live forum and you will see a responsive dropdown menu for MyBB forums something like these

[Image: Responsive-Meny-MyBB-desktop.png]

Original Tutorial - http://wallbb.co.uk/simple-three-step-tutorial-add-responsive-menu-mybb-forums/

Hope it helps you get a responsive menu, in case of any questions just let me know.