Menus on Mobile Site

Hi @navegate4less,

when you click on it, the menu items appear on the text of the website. I have created a menu, just for the mobile site, which contains only a link to the home page.

Can you please let us know how you’ve created the menu just for the mobile site?
Did you achieve this with the help of a plugin or custom code?

Also, could you share a copy of your site’s System Status Report with us?
You’ll find it at the top of the page under WooCommerce > Status > Get system report > Copy for support (after you scroll down a bit). Paste the result here in your reply.

What I would like to do is have the menu item on the mobile to the left, but also have the menu items appear to the right of the “Menu”, if that makes sense, i.e. not a drop down list, more of an expand the right.

Can you please share a screenshot of the design you have in mind so we can help further?

Also, a slight side topic, the banner I have just now is ok for th desktop, but not ok in the mobile version of the site. What size should I make the banner image, for it to appear ok with both the mobile and desktop sites?

I’d recommend you use an image of the size 1950×500 such that the header image looks good across the devices.

Looking forward to your reply!

The menu was created by using the “Create New Menu” in the menus editor under Customize, Menus.

Woocommerce System Report below

### WordPress Environment ###

WordPress address (URL): https://nav-e-gate4less.co.uk
Site address (URL): https://nav-e-gate4less.co.uk
WC Version: 6.8.0
REST API Version: ? 6.8.0
WC Blocks Version: ? 8.0.0
Action Scheduler Version: ? 3.4.0
Log Directory Writable: ?
WP Version: 6.0.1
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ?
Language: en_GB
External object cache: –

### Server Environment ###

Server Info: LiteSpeed
PHP Version: 8.1.8
PHP Post Max Size: 512 MB
PHP Time Limit: 120
PHP Max Input Vars: 8000
cURL Version: 7.71.0
OpenSSL/1.1.1p

SUHOSIN Installed: –
MySQL Version: 10.3.35-MariaDB-log-cll-lve
Max Upload Size: 512 MB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ? Your server does not have the SoapClient class enabled - some gateway plugins which use SOAP may not work as expected.
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 6.8.0
WC Database Prefix: wpcy_
Total Database Size: 6.17MB
Database Data Size: 5.47MB
Database Index Size: 0.70MB
wpcy_woocommerce_sessions: Data: 0.47MB + Index: 0.01MB + Engine MyISAM
wpcy_woocommerce_api_keys: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_woocommerce_attribute_taxonomies: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_woocommerce_downloadable_product_permissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_woocommerce_order_items: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_woocommerce_order_itemmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_woocommerce_tax_rates: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_woocommerce_tax_rate_locations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_woocommerce_shipping_zones: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_woocommerce_shipping_zone_locations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_woocommerce_shipping_zone_methods: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_woocommerce_payment_tokens: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_woocommerce_payment_tokenmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_woocommerce_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_actionscheduler_actions: Data: 0.12MB + Index: 0.06MB + Engine MyISAM
wpcy_actionscheduler_claims: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_actionscheduler_groups: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpcy_actionscheduler_logs: Data: 0.08MB + Index: 0.06MB + Engine MyISAM
wpcy_aioseo_cache: Data: 0.07MB + Index: 0.01MB + Engine MyISAM
wpcy_aioseo_notifications: Data: 0.02MB + Index: 0.01MB + Engine MyISAM
wpcy_aioseo_posts: Data: 0.04MB + Index: 0.00MB + Engine MyISAM
wpcy_commentmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_comments: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_duplicator_packages: Data: 0.05MB + Index: 0.00MB + Engine MyISAM
wpcy_gla_budget_recommendations: Data: 0.11MB + Index: 0.12MB + Engine MyISAM
wpcy_gla_merchant_issues: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_gla_shipping_rates: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_gla_shipping_times: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_litespeed_url: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_litespeed_url_file: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_custom_fields: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_dynamic_segment_filters: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_feature_flags: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_forms: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_mapping_to_external_entities: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_newsletters: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_newsletter_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_newsletter_option: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_newsletter_option_fields: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpcy_mailpoet_newsletter_posts: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_newsletter_segment: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_newsletter_templates: Data: 1.05MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_scheduled_tasks: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpcy_mailpoet_scheduled_task_subscribers: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_segments: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpcy_mailpoet_sending_queues: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_settings: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_statistics_bounces: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_statistics_clicks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_statistics_forms: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_statistics_newsletters: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_statistics_opens: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_statistics_unsubscribes: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_statistics_woocommerce_purchases: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_stats_notifications: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_subscribers: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpcy_mailpoet_subscriber_custom_field: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_subscriber_ips: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_subscriber_segment: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_user_agents: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_mailpoet_user_flags: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_options: Data: 2.76MB + Index: 0.09MB + Engine MyISAM
wpcy_postmeta: Data: 0.15MB + Index: 0.05MB + Engine MyISAM
wpcy_posts: Data: 0.17MB + Index: 0.04MB + Engine MyISAM
wpcy_redirection_404: Data: 0.18MB + Index: 0.05MB + Engine MyISAM
wpcy_redirection_groups: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_redirection_items: Data: 0.01MB + Index: 0.02MB + Engine MyISAM
wpcy_redirection_logs: Data: 0.06MB + Index: 0.02MB + Engine MyISAM
wpcy_termmeta: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpcy_terms: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpcy_term_relationships: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_term_taxonomy: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_tm_taskmeta: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
wpcy_tm_tasks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_usermeta: Data: 0.04MB + Index: 0.01MB + Engine MyISAM
wpcy_users: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpcy_wc_admin_notes: Data: 0.02MB + Index: 0.00MB + Engine MyISAM
wpcy_wc_admin_note_actions: Data: 0.01MB + Index: 0.00MB + Engine MyISAM
wpcy_wc_category_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_wc_customer_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_wc_download_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_wc_order_coupon_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_wc_order_product_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_wc_order_stats: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_wc_order_tax_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_wc_product_attributes_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_wc_product_download_directories: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpcy_wc_product_meta_lookup: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpcy_wc_rate_limits: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_wc_reserved_stock: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_wc_tax_rate_classes: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpcy_wc_webhooks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_wpforms_tasks_meta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_yoast_indexable: Data: 0.04MB + Index: 0.02MB + Engine MyISAM
wpcy_yoast_indexable_hierarchy: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_yoast_migrations: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
wpcy_yoast_primary_term: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
wpcy_yoast_seo_links: Data: 0.01MB + Index: 0.00MB + Engine MyISAM

### Post Type Counts ###

attachment: 35
custom_css: 1
customize_changeset: 55
mailpoet_page: 1
nav_menu_item: 10
page: 18
post: 6
product: 10
revision: 9
wp_global_styles: 2
wp_template_part: 2
wpforms: 1
wpmm_theme: 3

### Security ###

Secure connection (HTTPS): ?
Hide errors from visitors: ?

### Active Plugins (17) ###

All in One SEO: by All in One SEO Team – 4.2.4
Autoptimize: by Frank Goossens (futtta) – 3.1.1.1
Cloudflare: by Cloudflare
Inc. – 4.11.0

Duplicator: by Snap Creek – 1.4.7.2
Google Analytics for WordPress by MonsterInsights: by MonsterInsights – 8.7.0
OptinMonster: by OptinMonster Popup Builder Team – 2.9.0
Redirection: by John Godley – 5.3.2
Simple Custom CSS: by John Regan – 4.0.5
Simple Social Icons: by StudioPress – 3.1.1
UpdraftPlus - Backup/Restore: by UpdraftPlus.Com
DavidAnderson – 1.22.14

WC Captcha: by WebCource – 1.3.1
WooCommerce Payments: by Automattic – 4.5.1
WooCommerce PayPal Payments: by WooCommerce – 1.9.2
WooCommerce Shipping & Tax: by WooCommerce – 1.26.3
WooCommerce: by Automattic – 6.8.0
WP-Optimize - Clean, Compress, Cache: by David Anderson
Ruhani Rabin
Team Updraft – 3.2.6

WPForms Lite: by WPForms – 1.7.5.5

### Inactive Plugins (7) ###

Google Listings and Ads: by WooCommerce – 2.0.4
Google XML Sitemaps: by Auctollo – 4.1.5
LiteSpeed Cache: by LiteSpeed Technologies – 5.1
MailPoet 3 (New): by MailPoet – 3.95.0
WooCommerce Menu Cart: by WP Overnight – 2.12.0
WP Mega Menu: by Themeum – 1.4.2
Yoast SEO: by Team Yoast – 19.5.1

### Dropin Plugins (1) ###

advanced-cache.php: advanced-cache.php

### Settings ###

API Enabled: –
Force SSL: –
Currency: GBP (￡)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –
Enforce Approved Product Download Directories: ?

### WC Pages ###

Shop base: #6 - /
Basket: #7 - /cart/
Checkout: #8 - /checkout/
My account: #9 - /my-account/
Terms and conditions: #46 - /legal-information/terms-and-conditions-of-sale/

### Theme ###

Name: Storefront
Version: 4.1.2
Author URL: https://woocommerce.com/
Child Theme: ? – If you are modifying WooCommerce on a parent theme that you did not build
personally we recommend using a child theme. See: How to create a child theme

WooCommerce Support: ?

### Templates ###

Overrides: –

### WooCommerce PayPal Payments ###

Onboarded: ?
Shop country code: GB
WooCommerce currency supported: ?
PayPal card processing available in country: ?
Pay Later messaging available in country: ?
Webhook status: –
Vault enabled: ?
Logging enabled: –
Reference Transactions: –
Used PayPal Checkout plugin: –

### Admin ###

Enabled Features: activity-panels
analytics
coupons
customer-effort-score-tracks
experimental-products-task
experimental-import-products-task
experimental-fashion-sample-products
experimental-product-tour
shipping-smart-defaults
shipping-setting-tour
homescreen
marketing
mobile-app-banner
navigation
onboarding
onboarding-tasks
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
shipping-label-banner
subscriptions
store-alerts
transient-notices
wc-pay-promotion
wc-pay-welcome-page
wc-pay-subscriptions-page

Disabled Features: minified-js
settings

Daily Cron: ? Next scheduled: 2022-08-17 16:20:29 +00:00
Options: ?
Notes: 57
Onboarding: completed

### WooCommerce Payments ###

Version: 4.5.1
Connected to WPCOM: No
Blog ID: -
Account ID: -

### Action Scheduler ###

Complete: 284
Oldest: 2022-07-27 18:40:32 +0000
Newest: 2022-08-16 18:10:40 +0000

Failed: 1
Oldest: –
Newest: –

Pending: 10
Oldest: 2022-08-16 18:24:13 +0000
Newest: 2022-08-22 12:55:40 +0000

### Status report information ###

Generated at: 2022-08-16 18:12:00 +00:00

The closest I can find to the menu that I would like is at

https://htmlburger.com/blog/mobile-menu-design/

It is the one above “Example for hamburger mobile menu for Sports Recording app by Alan love.”

Hope this helps