diff --git a/public/locales/en.json b/public/locales/en.json
index 9a80bc5..7b23443 100644
--- a/public/locales/en.json
+++ b/public/locales/en.json
@@ -13,6 +13,7 @@
     "search": {
       "placeholder": "Search the Krist network",
       "placeholderShortcut": "Search the Krist network ({{shortcut}})",
+      "placeholderShort": "Search...",
       "rateLimitHit": "Please slow down.",
       "noResults": "No results.",
 
@@ -40,7 +41,8 @@
     "send": "Send",
     "request": "Request",
 
-    "settings": "Settings"
+    "settings": "Settings",
+    "more": "More"
   },
 
   "sidebar": {
diff --git a/src/layout/AppLayout.tsx b/src/layout/AppLayout.tsx
index 6b9161e..0669b02 100644
--- a/src/layout/AppLayout.tsx
+++ b/src/layout/AppLayout.tsx
@@ -8,6 +8,8 @@
 import { Sidebar } from "./sidebar/Sidebar";
 import { AppRouter } from "../global/AppRouter";
 
+import { TopMenuProvider } from "./nav/TopMenu";
+
 import "./AppLayout.less";
 
 const { useBreakpoint } = Grid;
@@ -17,20 +19,25 @@
   const bps = useBreakpoint();
 
   return <Layout data-testid="site-app-layout">
-    <AppHeader sidebarCollapsed={sidebarCollapsed} setSidebarCollapsed={setSidebarCollapsed} />
+    <TopMenuProvider>
+      <AppHeader
+        sidebarCollapsed={sidebarCollapsed}
+        setSidebarCollapsed={setSidebarCollapsed}
+      />
 
-    <Layout>
-      <Sidebar collapsed={!bps.md && sidebarCollapsed} />
+      <Layout>
+        <Sidebar collapsed={!bps.md && sidebarCollapsed} />
 
-      {/* Fade out the background when the sidebar is open on mobile */}
-      {!bps.md && <div
-        className={"site-sidebar-backdrop " + (sidebarCollapsed ? "collapsed" : "")}
-        onClick={() => setSidebarCollapsed(true)}
-      />}
+        {/* Fade out the background when the sidebar is open on mobile */}
+        {!bps.md && <div
+          className={"site-sidebar-backdrop " + (sidebarCollapsed ? "collapsed" : "")}
+          onClick={() => setSidebarCollapsed(true)}
+        />}
 
-      <Layout className={"site-layout " + (!bps.md ? "site-layout-mobile" : "")}>
-        <AppRouter />
+        <Layout className={"site-layout " + (!bps.md ? "site-layout-mobile" : "")}>
+          <AppRouter />
+        </Layout>
       </Layout>
-    </Layout>
+    </TopMenuProvider>
   </Layout>;
 }
diff --git a/src/layout/PageLayout.less b/src/layout/PageLayout.less
index e1f79c7..29e98da 100644
--- a/src/layout/PageLayout.less
+++ b/src/layout/PageLayout.less
@@ -16,12 +16,45 @@
         color: inherit;
       }
     }
+
+    // Hide extra table pagination on mobile
+    @media (max-width: @screen-md) {
+      .ant-pagination {
+        display: none;
+      }
+    }
   }
 
   .page-layout-contents {
     height: calc(100% - @kw-page-header-height);
 
     padding: @padding-lg;
+
+    // Make tables full-width on mobile (though most should be replaced with
+    // custom views)
+    @media (max-width: @screen-md) {
+      >.ant-table-wrapper {
+        .ant-table {
+          margin: 0 -24px;
+        }
+
+        .ant-pagination {
+          justify-content: center;
+
+          .ant-pagination-total-text {
+            display: none;
+          }
+
+          .ant-pagination-item, .ant-pagination-prev{
+            margin-right: 3px;
+          }
+
+          .ant-pagination-next  {
+            margin-right: 0;
+          }
+        }
+      }
+    }
   }
 
   &.page-layout-no-top-padding {
diff --git a/src/layout/nav/AppHeader.less b/src/layout/nav/AppHeader.less
index fb4b0ff..07dffb5 100644
--- a/src/layout/nav/AppHeader.less
+++ b/src/layout/nav/AppHeader.less
@@ -168,8 +168,47 @@
   .site-header-settings {
     border-left: 1px solid @kw-border-color-darker;
 
-    .anticon {
-      margin-right: 0;
+    // Make the whole button clickable, especially for mobile
+    >.ant-menu-item {
+      padding: 0;
+
+      .anticon {
+        padding: 0 20px;
+        margin-right: 0;
+      }
+    }
+  }
+}
+
+.ant-dropdown.site-header-top-dropdown-menu {
+  // Make the top menu dropdown full-width and slightly larger on mobile
+  @media (max-width: @screen-md) {
+    position: absolute;
+
+    top: @layout-header-height !important;
+    left: 0 !important;
+    right: 0 !important;
+
+    border-radius: 0;
+
+    .ant-dropdown-menu-item {
+      padding: 8px 16px;
+      font-size: @font-size-base;
+
+      // If there's a direct div child, it's probably a descendent of an
+      // AuthorisedAction. Grow it to be full-width, so the click trigger is
+      // correct.
+      // FIXME: This is a hack.
+      >div {
+        margin: -8px -16px;
+        padding: 8px 16px;
+      }
+
+      .anticon:first-child {
+        margin-right: 16px;
+        font-size: @font-size-base;
+        vertical-align: -0.175em;
+      }
     }
   }
 }
diff --git a/src/layout/nav/AppHeader.tsx b/src/layout/nav/AppHeader.tsx
index 96a6f1f..67a1b40 100644
--- a/src/layout/nav/AppHeader.tsx
+++ b/src/layout/nav/AppHeader.tsx
@@ -2,7 +2,7 @@
 // This file is part of KristWeb 2 under AGPL-3.0.
 // Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
 import { Layout, Menu, Grid } from "antd";
-import { SendOutlined, DownloadOutlined, MenuOutlined, SettingOutlined } from "@ant-design/icons";
+import { SendOutlined, DownloadOutlined, MenuOutlined } from "@ant-design/icons";
 
 import { useTranslation } from "react-i18next";
 
@@ -10,6 +10,7 @@
 import { Search } from "./Search";
 import { ConnectionIndicator } from "./ConnectionIndicator";
 import { CymbalIndicator } from "./CymbalIndicator";
+import { TopMenu } from "./TopMenu";
 
 import { ConditionalLink } from "@comp/ConditionalLink";
 
@@ -61,11 +62,7 @@
     {/* Cymbal indicator */}
     <CymbalIndicator />
 
-    {/* Settings button */}
-    <Menu theme="dark" mode="horizontal" selectable={false} forceSubMenuRender={true} className="site-header-settings">
-      <Menu.Item key="1" icon={<SettingOutlined />} title={t("nav.settings")}>
-        <ConditionalLink to="/settings" matchTo aria-label={t("nav.settings")}></ConditionalLink>
-      </Menu.Item>
-    </Menu>
+    {/* Settings button, or dropdown on mobile if there are other options */}
+    <TopMenu />
   </Layout.Header>;
 }
diff --git a/src/layout/nav/Search.tsx b/src/layout/nav/Search.tsx
index 2cfc7bf..907eaa3 100644
--- a/src/layout/nav/Search.tsx
+++ b/src/layout/nav/Search.tsx
@@ -2,7 +2,7 @@
 // This file is part of KristWeb 2 under AGPL-3.0.
 // Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
 import { useState, useMemo, useRef, useEffect, useCallback, MutableRefObject, Dispatch, SetStateAction, ReactNode } from "react";
-import { AutoComplete, Input } from "antd";
+import { AutoComplete, Input, Grid } from "antd";
 import { RefSelectProps } from "antd/lib/select";
 
 import { useTranslation } from "react-i18next";
@@ -55,6 +55,9 @@
   const { t } = useTranslation();
   const history = useHistory();
 
+  // Used to change the placeholder depending on the screen width
+  const bps = Grid.useBreakpoint();
+
   const [value, setValue] = useState("");
   const [results, setResults] = useState<SearchResult | undefined>();
   const [extendedResults, setExtendedResults] = useState<SearchExtendedResult | undefined>();
@@ -394,7 +397,9 @@
       options={options}
     >
       <Input.Search
-        placeholder={t("nav.search.placeholderShortcut", { shortcut: `${ctrl}+K` })}
+        placeholder={bps.md
+          ? t("nav.search.placeholderShortcut", { shortcut: `${ctrl}+K` })
+          : t("nav.search.placeholderShort")}
         onSearch={onInputSearch}
 
         role="searchbox"
diff --git a/src/layout/nav/TopMenu.tsx b/src/layout/nav/TopMenu.tsx
new file mode 100644
index 0000000..b2ed2bc
--- /dev/null
+++ b/src/layout/nav/TopMenu.tsx
@@ -0,0 +1,106 @@
+// Copyright (c) 2020-2021 Drew Lemmy
+// This file is part of KristWeb 2 under AGPL-3.0.
+// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
+import { useState, useCallback, useMemo, useContext, createContext, FC, ReactNode } from "react";
+import { Menu, Grid, Dropdown } from "antd";
+import { MoreOutlined, SettingOutlined } from "@ant-design/icons";
+
+import { useTFns } from "@utils/i18n";
+
+import { ConditionalLink } from "@comp/ConditionalLink";
+
+import Debug from "debug";
+const debug = Debug("kristweb:top-menu");
+
+export type Opts = React.ReactNode | undefined;
+export type SetMenuOptsFn = (opts: Opts) => void;
+
+interface TopMenuCtxRes {
+  options?: ReactNode;
+  setMenuOptions?: SetMenuOptsFn;
+}
+
+export const TopMenuContext = createContext<TopMenuCtxRes>({});
+
+export function TopMenu(): JSX.Element {
+  const { tStr } = useTFns("nav.");
+  const bps = Grid.useBreakpoint();
+
+  const ctxRes = useContext(TopMenuContext);
+  const options = ctxRes?.options;
+
+  const menu = useMemo(() => (
+    <Dropdown
+      trigger={["click"]}
+      overlayClassName="site-header-top-dropdown-menu"
+      overlay={<Menu>
+        {options}
+
+        <Menu.Divider />
+
+        {/* Settings item */}
+        <Menu.Item icon={<SettingOutlined />}>
+          {tStr("settings")}
+        </Menu.Item>
+      </Menu>}
+    >
+      <MoreOutlined />
+    </Dropdown>
+  ), [tStr, options]);
+
+  // If on mobile and there are options available from the page, display them
+  // instead of the settings button.
+  const btn = useMemo(() => (
+    // Menu or settings button in the header
+    <Menu
+      theme="dark" mode="horizontal"
+      selectable={false} forceSubMenuRender={true}
+      className="site-header-settings"
+    >
+      {!bps.md && options
+        ? (
+          // Menu button, if there are options available
+          <Menu.Item key="1" title={tStr("more")}>
+            {menu}
+          </Menu.Item>
+        )
+        : (
+          // Regular settings button
+          <Menu.Item key="1" icon={<SettingOutlined />} title={tStr("settings")}>
+            <ConditionalLink to="/settings" matchTo aria-label={tStr("settings")} />
+          </Menu.Item>
+        )}
+    </Menu>
+  ), [tStr, bps, options, menu]);
+
+  return btn;
+}
+
+export const TopMenuProvider: FC = ({ children }) => {
+  const [menuOptions, setMenuOptions] = useState<ReactNode>();
+  const res: TopMenuCtxRes = useMemo(() => ({
+    options: menuOptions, setMenuOptions
+  }), [menuOptions, setMenuOptions]);
+
+  return <TopMenuContext.Provider value={res}>
+    {children}
+  </TopMenuContext.Provider>;
+};
+
+export function useTopMenuOptions(): [boolean, SetMenuOptsFn, () => void] {
+  const bps = Grid.useBreakpoint();
+  const { setMenuOptions } = useContext(TopMenuContext);
+
+  const set = useCallback((opts: Opts) => {
+    debug("top menu options hook set");
+    setMenuOptions?.(opts);
+  }, [setMenuOptions]);
+
+  const unset = useCallback(() => {
+    debug("top menu options hook destructor");
+    setMenuOptions?.(undefined);
+  }, [setMenuOptions]);
+
+  // Return whether or not the options are being shown
+  return [!bps.md, set, unset];
+}
diff --git a/src/pages/wallets/AddWalletModal.tsx b/src/pages/wallets/AddWalletModal.tsx
index f926324..ffd46aa 100644
--- a/src/pages/wallets/AddWalletModal.tsx
+++ b/src/pages/wallets/AddWalletModal.tsx
@@ -259,7 +259,7 @@
     >
       <Row gutter={[24, 0]}>
         {/* Wallet label */}
-        <Col span={12}>
+        <Col span={24} md={12}>
           <Form.Item
             name="label"
             label={t("addWallet.walletLabel")}
@@ -276,7 +276,7 @@
         </Col>
 
         {/* Wallet category */}
-        <Col span={12}>
+        <Col span={24} md={12}>
           <Form.Item name="category" label={t("addWallet.walletCategory")}>
             <SelectWalletCategory
               onNewCategory={category => form.setFieldsValue({ category })}
diff --git a/src/pages/wallets/ManageBackupsDropdown.tsx b/src/pages/wallets/ManageBackupsDropdown.tsx
index 1ce7ce0..2419468 100644
--- a/src/pages/wallets/ManageBackupsDropdown.tsx
+++ b/src/pages/wallets/ManageBackupsDropdown.tsx
@@ -1,7 +1,7 @@
 // Copyright (c) 2020-2021 Drew Lemmy
 // This file is part of KristWeb 2 under AGPL-3.0.
 // Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
-import { useState } from "react";
+import { Dispatch, SetStateAction} from "react";
 import { Button, Dropdown, Menu } from "antd";
 import {
   DatabaseOutlined, DownOutlined, ImportOutlined, ExportOutlined
@@ -12,15 +12,17 @@
 import { AuthorisedAction } from "@comp/auth/AuthorisedAction";
 import { useMasterPassword } from "@wallets";
 
-import { ImportBackupModal } from "../backup/ImportBackupModal";
-import { ExportBackupModal } from "../backup/ExportBackupModal";
+interface Props {
+  setImportVisible: Dispatch<SetStateAction<boolean>>;
+  setExportVisible: Dispatch<SetStateAction<boolean>>;
+}
 
-export function ManageBackupsDropdown(): JSX.Element {
+export function ManageBackupsDropdown({
+  setImportVisible,
+  setExportVisible
+}: Props): JSX.Element {
   const { tStr } = useTFns("myWallets.");
 
-  const [importVisible, setImportVisible] = useState(false);
-  const [exportVisible, setExportVisible] = useState(false);
-
   // Used to disable the export button if a master password hasn't been set up
   const { hasMasterPassword, salt, tester } = useMasterPassword();
   const allowExport = !!hasMasterPassword && !!salt && !!tester;
@@ -49,8 +51,5 @@
         {tStr("manageBackups")} <DownOutlined />
       </Button>
     </Dropdown>
-
-    <ImportBackupModal visible={importVisible} setVisible={setImportVisible} />
-    <ExportBackupModal visible={exportVisible} setVisible={setExportVisible} />
   </>;
 }
diff --git a/src/pages/wallets/WalletsPage.tsx b/src/pages/wallets/WalletsPage.tsx
index 33e9392..e211a43 100644
--- a/src/pages/wallets/WalletsPage.tsx
+++ b/src/pages/wallets/WalletsPage.tsx
@@ -1,19 +1,13 @@
 // Copyright (c) 2020-2021 Drew Lemmy
 // This file is part of KristWeb 2 under AGPL-3.0.
 // Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
-import { useState } from "react";
-import { Button } from "antd";
-import { PlusOutlined } from "@ant-design/icons";
-
 import { useTranslation } from "react-i18next";
 
 import { PageLayout } from "@layout/PageLayout";
-import { AuthorisedAction } from "@comp/auth/AuthorisedAction";
 
 import { useWallets } from "@wallets";
 
-import { ManageBackupsDropdown } from "./ManageBackupsDropdown";
-import { AddWalletModal } from "./AddWalletModal";
+import { useWalletsPageActions } from "./WalletsPageActions";
 import { WalletsTable } from "./WalletsTable";
 
 import { useEditWalletModal } from "./WalletEditButton";
@@ -34,40 +28,17 @@
   }</>;
 }
 
-function WalletsPageExtraButtons(): JSX.Element {
-  const { t } = useTranslation();
-  const [createWalletVisible, setCreateWalletVisible] = useState(false);
-  const [addWalletVisible, setAddWalletVisible] = useState(false);
-
-  return <>
-    {/* Manage backups */}
-    <ManageBackupsDropdown />
-
-    {/* Create wallet */}
-    <AuthorisedAction encrypt onAuthed={() => setCreateWalletVisible(true)}>
-      <Button type="primary" icon={<PlusOutlined />}>
-        {t("myWallets.createWallet")}
-      </Button>
-    </AuthorisedAction>
-    <AddWalletModal create visible={createWalletVisible} setVisible={setCreateWalletVisible} setAddExistingVisible={setAddWalletVisible} />
-
-    {/* Add existing wallet */}
-    <AuthorisedAction encrypt onAuthed={() => setAddWalletVisible(true)}>
-      <Button ghost>{t("myWallets.addExistingWallet")}</Button>
-    </AuthorisedAction>
-    <AddWalletModal visible={addWalletVisible} setVisible={setAddWalletVisible} />
-  </>;
-}
-
 export function WalletsPage(): JSX.Element {
   const [openEditWallet, editWalletModal] = useEditWalletModal();
   const [openSendTx, sendTxModal] = useSendTransactionModal();
   const [openWalletInfo, walletInfoModal] = useWalletInfoModal();
 
+  const extra = useWalletsPageActions();
+
   return <PageLayout
     siteTitleKey="myWallets.title" titleKey="myWallets.title"
     subTitle={<WalletsPageSubtitle />}
-    extra={<WalletsPageExtraButtons />}
+    extra={extra}
   >
     <WalletsTable
       openEditWallet={openEditWallet}
diff --git a/src/pages/wallets/WalletsPageActions.tsx b/src/pages/wallets/WalletsPageActions.tsx
new file mode 100644
index 0000000..8bb8552
--- /dev/null
+++ b/src/pages/wallets/WalletsPageActions.tsx
@@ -0,0 +1,117 @@
+// Copyright (c) 2020-2021 Drew Lemmy
+// This file is part of KristWeb 2 under AGPL-3.0.
+// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
+import { useEffect, useState, Dispatch, SetStateAction} from "react";
+import { Button, Menu } from "antd";
+import { PlusOutlined, ImportOutlined, ExportOutlined } from "@ant-design/icons";
+
+import { useTFns } from "@utils/i18n";
+
+import { useTopMenuOptions } from "@layout/nav/TopMenu";
+import { AuthorisedAction } from "@comp/auth/AuthorisedAction";
+import { useMasterPassword } from "@wallets";
+
+import { ManageBackupsDropdown } from "./ManageBackupsDropdown";
+import { AddWalletModal } from "./AddWalletModal";
+import { ImportBackupModal } from "../backup/ImportBackupModal";
+import { ExportBackupModal } from "../backup/ExportBackupModal";
+
+interface ExtraButtonsProps {
+  setCreateWalletVisible: Dispatch<SetStateAction<boolean>>;
+  setAddWalletVisible: Dispatch<SetStateAction<boolean>>;
+  setImportVisible: Dispatch<SetStateAction<boolean>>;
+  setExportVisible: Dispatch<SetStateAction<boolean>>;
+}
+
+function WalletsPageExtraButtons({
+  setCreateWalletVisible,
+  setAddWalletVisible,
+  setImportVisible,
+  setExportVisible
+}: ExtraButtonsProps): JSX.Element {
+  const { tStr } = useTFns("myWallets.");
+
+  return <>
+    {/* Manage backups */}
+    <ManageBackupsDropdown
+      setImportVisible={setImportVisible}
+      setExportVisible={setExportVisible}
+    />
+
+    {/* Create wallet */}
+    <AuthorisedAction encrypt onAuthed={() => setCreateWalletVisible(true)}>
+      <Button type="primary" icon={<PlusOutlined />}>
+        {tStr("createWallet")}
+      </Button>
+    </AuthorisedAction>
+
+    {/* Add existing wallet */}
+    <AuthorisedAction encrypt onAuthed={() => setAddWalletVisible(true)}>
+      <Button ghost>{tStr("addExistingWallet")}</Button>
+    </AuthorisedAction>
+  </>;
+}
+
+export function useWalletsPageActions(): JSX.Element | null {
+  const { tStr } = useTFns("myWallets.");
+
+  const [createWalletVisible, setCreateWalletVisible] = useState(false);
+  const [addWalletVisible, setAddWalletVisible] = useState(false);
+
+  const [importVisible, setImportVisible] = useState(false);
+  const [exportVisible, setExportVisible] = useState(false);
+
+  // Used to disable the export button if a master password hasn't been set up
+  const { hasMasterPassword, salt, tester } = useMasterPassword();
+  const allowExport = !!hasMasterPassword && !!salt && !!tester;
+
+  const [usingTopMenu, set, unset] = useTopMenuOptions();
+  useEffect(() => {
+    set(<>
+      {/* Create wallet */}
+      <Menu.Item>
+        <AuthorisedAction encrypt onAuthed={() => setCreateWalletVisible(true)}>
+          <div><PlusOutlined /><b>{tStr("createWallet")}</b></div>
+        </AuthorisedAction>
+      </Menu.Item>
+
+      {/* Add existing wallet */}
+      <Menu.Item>
+        <AuthorisedAction encrypt onAuthed={() => setAddWalletVisible(true)}>
+          <div><PlusOutlined />{tStr("addExistingWallet")}</div>
+        </AuthorisedAction>
+      </Menu.Item>
+
+      {/* Backups */}
+      <Menu.Divider />
+
+      {/* Import backup */}
+      <Menu.Item>
+        <AuthorisedAction encrypt onAuthed={() => setImportVisible(true)}>
+          <div><ImportOutlined />{tStr("importBackup")}</div>
+        </AuthorisedAction>
+      </Menu.Item>
+
+      {/* Export backup */}
+      <Menu.Item disabled={!allowExport} onClick={() => setExportVisible(true)}>
+        <ExportOutlined />{tStr("exportBackup")}
+      </Menu.Item>
+    </>);
+    return unset;
+  }, [tStr, set, unset, allowExport]);
+
+  return <>
+    {/* Only display the buttons on desktop */}
+    {!usingTopMenu && <WalletsPageExtraButtons
+      setCreateWalletVisible={setCreateWalletVisible}
+      setAddWalletVisible={setAddWalletVisible}
+      setImportVisible={setImportVisible}
+      setExportVisible={setExportVisible}
+    />}
+
+    <AddWalletModal create visible={createWalletVisible} setVisible={setCreateWalletVisible} setAddExistingVisible={setAddWalletVisible} />
+    <AddWalletModal visible={addWalletVisible} setVisible={setAddWalletVisible} />
+    <ImportBackupModal visible={importVisible} setVisible={setImportVisible} />
+    <ExportBackupModal visible={exportVisible} setVisible={setExportVisible} />
+  </>;
+}
diff --git a/src/style/components.less b/src/style/components.less
index c350a36..9af38ff 100644
--- a/src/style/components.less
+++ b/src/style/components.less
@@ -224,13 +224,24 @@
   height: 100%;
 }
 
-// Make all icons in menu consistent (sometimes the icon may not be a direct
-// descendent of the menu item)
-.ant-dropdown-menu-item .anticon:first-child {
-  min-width: 12px;
-  margin-right: 8px;
-  font-size: @font-size-sm;
-  vertical-align: -0.1em;
+.ant-dropdown-menu-item {
+  // Make all icons in menu consistent (sometimes the icon may not be a direct
+  // descendent of the menu item)
+  .anticon:first-child {
+    min-width: 12px;
+    margin-right: 8px;
+    font-size: @font-size-sm;
+    vertical-align: -0.1em;
+  }
+
+  // If there's a direct div child, it's probably a descendent of an
+  // AuthorisedAction. Grow it to be full-width, so the click trigger is
+  // correct.
+  // FIXME: This is a hack.
+  >div {
+    margin: -5px -12px;
+    padding: 5px 12px;
+  }
 }
 
 .table-actions {