Below is a for adding a common feature: “Swipe to go back to previous page” (touch gesture support). 1. Locate the Mobile Theme’s JavaScript File Typically found in:
To add a to the MyBB Mobile Theme (e.g., the popular MyBB Mobile or GoMobile plugin/theme), you’ll need to edit template files, add JavaScript/CSS, and possibly modify plugin PHP code.
/inc/plugins/gomobile/inc/mobile.js Append this to the mobile.js file: mybb mobile theme
$(document).on("swiperight", function(e) { if (history.length > 1) { history.back(); return false; } }); $(document).on("swipeleft", function(e) { // Optional: go forward (if you store next page) // Or just close modal/menu });
$db->insert_query("settings", [ 'name' => 'mobile_swipe_back', 'title' => 'Enable Swipe to Go Back', 'description' => 'Allow users to swipe right to go to previous page.', 'optionscode' => 'yesno', 'value' => '1', ]); In global_start hook: Below is a for adding a common feature:
For touch detection without jQuery Mobile (if not loaded), use:
@media (prefers-color-scheme: dark) { body { background: #121212; color: #eee; } .thead, .tcat { background: #1e1e1e; } } Add a manual toggle: /inc/plugins/gomobile/inc/mobile
let touchstartX = 0; document.addEventListener('touchstart', e => { touchstartX = e.changedTouches[0].screenX; }); document.addEventListener('touchend', e => { const endX = e.changedTouches[0].screenX; if (endX < touchstartX - 50) history.back(); }); In the mobile theme’s CSS file (e.g., mobile.css ):