can’t click the hamburger
-
Hi,
I have updated oceanwp after a few months, and see that the menu triggers a pointer-event when :hover (display: block/none, and opacity: 0/1).
How could I “disable” this?
maybe a bit CSS?I have been able to fix the desktop view (menu always visible), but in the mobile view, the idea is to press the hamburger to open the menu, however the:hover prevents from pressing it correctly.
Thanks for support
- This topic was modified 3 years, 2 months ago by minguet.
The page I need help with: [log in to see the link]
-
Hello,
Please try to disable the cache/optimization plugin and check.
Would you be so kind and go to Elementor > System Info and share the report with us so that we can take a look?
Hi, thanks for write.
I have flushed cache and disabled litespeed cache afterwards, and the same thing happens.
On the menu, it is a custom menu that I made, I leave here the html that I use, and the JS.
I suppressed the JS and the error persists.HTML
<button id=”menu” onclick=”menu()” style=”border:none; background:none; width:40px; height:44px”><i id=”menu-icon” class=”icon line-icon icon-menu” aria-hidden=”true” style=”color:#333;font-size:1.6em; vertical-align:middle”></i></button>
<span id=”overlay” onclick=”menu()” style=”visibility:hidden; position:fixed; width:100vw; height:110vh; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0, 0, 0, 0.2); cursor:pointer;”></span>
JS
var menuIcon=document.getElementById(‘menu-icon’)
var submenu=document.getElementsByClassName(‘sub-menu’)[0]; submenu.style.display=’none’;
var overlay=document.getElementById(‘overlay’);
var main=document.getElementById(‘main’);function menu() { if (submenu.style.display==’none’) open(); else close(); }
function open() {
submenu.style.display=’block’;
menuIcon.className=’genericon genericon-close-alt’;
overlay.style.visibility=’visible’;
main.style.filter=’blur(7px)’;
main.style.webkitfilter=’blur(7px)’;
}function close() {
submenu.style.display=’none’;
menuIcon.className=’icon line-icon icon-menu’;
overlay.style.visibility=’hidden’;
main.style.filter=’none’;
main.style.webkitfilter=’none’;
}————————————————————
I’ll leave the report here, I hope it helps you (Site don’t have elementor, maybe it was a typing error…?)
`
### wp-core ###version: 5.8.1
site_language: es_ES
user_language: es_ES
timezone: Europe/Madrid
permalink: /%postname%/
https_status: true
multisite: false
user_registration: 0
blog_public: 1
default_comment_status: closed
environment_type: production
user_count: 100
dotorg_communication: true### wp-paths-sizes ###
wordpress_path: /home/qs3dd8jn/public_html
wordpress_size: 461,90 MB (484334467 bytes)
uploads_path: /home/qs3dd8jn/public_html/wp-content/uploads
uploads_size: 399,76 MB (419183825 bytes)
themes_path: /home/qs3dd8jn/public_html/wp-content/themes
themes_size: 15,25 MB (15994085 bytes)
plugins_path: /home/qs3dd8jn/public_html/wp-content/plugins
plugins_size: 45,59 MB (47799544 bytes)
database_size: 90,84 MB (95257752 bytes)
total_size: 1.013,35 MB (1062569673 bytes)### wp-dropins (1) ###
advanced-cache.php: true
### wp-active-theme ###
name: OceanWP (oceanwp)
version: 3.0.7
author: Nick
author_website: https://oceanwp.org/about-me/
parent_theme: none
theme_features: core-block-patterns, widgets-block-editor, align-wide, wp-block-styles, responsive-embeds, editor-styles, editor-style, menus, post-formats, title-tag, automatic-feed-links, post-thumbnails, custom-header, custom-logo, html5, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, customize-selective-refresh-widgets, widgets
theme_path: /home/qs3dd8jn/public_html/wp-content/themes/oceanwp
auto_update: Desactivado### wp-plugins-active (7) ###
Jetpack: version: 10.1, author: Automattic, Actualizaciones automáticas desactivadas
JWT Authentication for WP-API: version: 1.2.6, author: Enrique Chavez, Actualizaciones automáticas desactivadas
LiteSpeed Cache: version: 4.4.1, author: LiteSpeed Technologies, Actualizaciones automáticas activadas
My Custom Functions: version: 4.51, author: Space X-Chimp, Actualizaciones automáticas desactivadas
Ocean Extra: version: 1.8.1, author: OceanWP, Actualizaciones automáticas desactivadas
Rank Math SEO: version: 1.0.72, author: Rank Math, Actualizaciones automáticas desactivadas
Shortcode in Menus: version: 3.5.1, author: Gagan Deep Singh, Actualizaciones automáticas desactivadas### wp-media ###
image_editor: WP_Image_Editor_GD
imagick_module_version: No disponible
imagemagick_version: No disponible
imagick_version: No disponible
file_uploads: File uploads is turned off
post_max_size: 1000M
upload_max_filesize: 1000M
max_effective_size: 1.000 MB
max_file_uploads: 20
gd_version: bundled (2.1.0 compatible)
gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
ghostscript_version: unknown### wp-server ###
server_architecture: Linux 3.10.0-962.3.2.lve1.5.44.3.el7.x86_64 x86_64
httpd_software: LiteSpeed
php_version: 7.4.22 64bit
php_sapi: litespeed
max_input_variables: 30000
time_limit: 720
memory_limit: 2048M
max_input_time: 720
upload_max_filesize: 1000M
php_post_max_size: 1000M
curl_version: 7.77.0 OpenSSL/1.1.1k
suhosin: false
imagick_availability: false
pretty_permalinks: true
htaccess_extra_rules: true### wp-database ###
extension: mysqli
server_version: 10.3.31-MariaDB-cll-lve
client_version: mysqlnd 7.4.22### wp-constants ###
WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /home/qs3dd8jn/public_html/wp-content
WP_PLUGIN_DIR: /home/qs3dd8jn/public_html/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 2048M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: true
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_LOCAL_DEV: undefined
DB_CHARSET: utf8mb4
DB_COLLATE: undefined### wp-filesystem ###
wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable### jetpack ###
site_id: 110689901
ssl_cert: No
time_diff: undefined
version_option: 10.1:1631908270
old_version: 9.5.3:1622731849
public: Public
master_user: #1 spain
current_user: #1 spain
tokens_set: Blog User
blog_token: a$r&qUeJuNxQ)ftHxTcxJnYrPRS(xFyv
user_token: X%W(BeczKz3B8$fIZ6Yq@BoPzxW*t1m6
version: 10.1
jp_plugin_dir: /home/qs3dd8jn/public_html/wp-content/plugins/jetpack/
plan: free
protect_header: {“trusted_header”:”REMOTE_ADDR”,”segments”:1,”reverse”:false}
full_sync: {“started”:”Sun, 12 Apr 2020 11:28:40 +0000″,”finished”:”Sun, 12 Apr 2020 11:28:43 +0000″,”progress”:{“options”:{“finished”:true},”functions”:{“finished”:true},”constants”:{“finished”:true},”users”:{“total”:”1″,”sent”:1,”finished”:true,”last_sent”:”1″}},”config”:{“options”:true,”functions”:true,”constants”:true,”users”:[1]}}
sync_size: undefined
sync_lag: 0 seconds
full_sync_size: undefined
full_sync_lag: 0 seconds
idc_urls: {“home”:”https:\/\/chollocomponentes.com”,”siteurl”:”https:\/\/chollocomponentes.com”,”WP_HOME”:””,”WP_SITEURL”:””}
idc_error_option: false
idc_optin: true
cxn_tests: All Pass.Hello,
Apologize for the delay in response, tried checking, and seems working well now.
No, it continues to fail.
It only fails on the mobile version (<932 px wide).
The menu should open when clicking, that works, the problem is that it also displays when hovering, and that makes it difficult to click (the first one especially)
Greetings
Hello,
That is really odd, Have you added any custom CSS/JS code?
If yes, kindly remove those and check.If you still experiencing the issue, I would request you to create a staging site and open a ticket at the helpdesk with complete details to take a closer look into the issue.
https://docs.oceanwp.org/article/762-how-can-i-get-support
- The topic ‘can’t click the hamburger’ is closed to new replies.