MyBB Community Forums
Making a theme Responsive - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: Making a theme Responsive (/thread-229437.html)



Making a theme Responsive - kaos777 - 2020-09-17

My current theme is not as responsive as i'd like it to be!
  • When in mobile view, the menu doesn't turn into a mobile menu with 3 lines
  • When in threads, to much data is shown, and not in a good way. I'd like to simplify it and show only the Thread name
  • When viewing posts in a forum, the avatar is still big and the user info is shown way too much, i'd like it to be minimized.  


My question, is there a guide on how to turn a regular theme into a mobile version? Telling us, modify "postbit" to hide certain pieces of the data when in mobile view....just curious if there is anything!


RE: Making a theme Responsive - quangcao2020 - 2020-09-22

Do you knows css for responsive, this is your theme.


RE: Making a theme Responsive - kaos777 - 2020-09-22

(2020-09-22, 02:26 AM)quangcao2020 Wrote: Do you knows css for responsive, this is your theme.
yes my theme does have a "responsive.css" , i imagine this is where i work on making it responsive? it is pretty responsive, but when viewing the forum discussions, the avatars are big and not lined with the user details, also, when viewing the threads, i want to make it so when in mobile view, things are shown a bit more clearer. Is this the css where i'm supposed to work on?


RE: Making a theme Responsive - WallBB - 2020-09-22

I will suggest starting from top to bottom approach. Start with the navigation and then smaller parts. I wrote a tutorial for that, start by learning from that and you will have a responsive theme Smile
https://wallbb.co.uk/simple-three-step-tutorial-add-responsive-menu-mybb-forums/


RE: Making a theme Responsive - kaos777 - 2020-09-22

(2020-09-22, 02:05 PM)WallBB Wrote: I will suggest starting from top to bottom approach. Start with the navigation and then smaller parts. I wrote a tutorial for that, start by learning from that and you will have a responsive theme Smile
https://wallbb.co.uk/simple-three-step-tutorial-add-responsive-menu-mybb-forums/

WallBB, thank you! i will look at your tutorial.