• 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]

Viewing 5 replies - 1 through 5 (of 5 total)
  • 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?

    Thread Starter minguet

    (@minguet)

    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.

    Thread Starter minguet

    (@minguet)

    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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘can’t click the hamburger’ is closed to new replies.