Okay
  Public Ticket #2392631
Menu items not working in safari and mobile
Closed

Comments

  •  3
    Craig started the conversation
    May 7, 2020 at 8:05am

    Hello - A couple of menu links are not working correctly on mobiles and safari.
    http://kensingtonplace-n10.co.uk/home

    Safari
    PLANS - this goes back to the holding page instead of the Plans page.
    SPECIFICATION - this goes back to the holding page
    ENQUIRES - this goes back to the holding page

    Mobile (on iphone XR)
    The burger menu goes back to the holding page.

    I put some CSS code from the forum to centre the logo on the mobile page. Could this have damaged/changed something? 

    @media only screen and (max-width: 1000px) and (min-width: 1px) {
        header#top .col.span_3 {
            position: absolute;
            left: 50% !important;
        }
        #header-outer[data-format="centered-logo-between-menu"] .span_3 #logo:not(.no-image) img {
            -ms-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
            -webkit-transform: translateX(-50%) !important;
        }
    }

    thanks in advance.

  •  8,990
    Tahir replied
    May 7, 2020 at 9:24am

    Hey Again,

    - No the Css should not change the menu links.

    - Are the Links working correctly in Chrome and not Safari ?.

    1. Please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .
    2. If you are using WP Rocket use this guide :  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
    3. For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ . 

    Thanks

    ThemeNectar Support Team 

  •  3
    Craig replied
    May 7, 2020 at 9:37am

    The menu links are working ok in Chrome and not safari.

    Do I have to install WPEngine to use it? Is it a plugin?

  •  8,990
    Tahir replied
    May 7, 2020 at 9:49am

    Hey Again,

    No thats not need. Gonna escalate this to the Developer so he can check on the Safari Browser and respond. 

    Also in the meantime , try removing any Third Party Plugins and Custom css and see if that makes a difference. 

    Furthermore update to Salient Theme Version 12 and Salient WPBakery Page Builder 6.1 . 

    To get a list of Bug Fixes and new Feature addons in the Latest Theme update,  the changelog can be viewed here : http://themenectar.com/changelogs/salient.html .

    Update the theme by following this guide: http://themenectar.com/docs/salient/important-salient-update-for-new-envato-requirements/ and http://themenectar.com/docs/salient/updating-salient/

    Best.

    ThemeNectar Support Team 

  •  3
    Craig replied
    May 7, 2020 at 9:56am

    I've installed W3 cache and cleared the cache.

    Also cleared the cache on my safari.

    The three menu options on the right hand side of the menu are not working on Safari still. I've tried it on a ipad and a different computer. Each menu header just goes back to the holding page rather than the page it should go to.

  •  3
    Craig replied
    May 7, 2020 at 10:05am

    Thanks Tahir - I'll await the developer.

  •  1,089
    ThemeNectar replied
    May 7, 2020 at 1:44pm

    Hey Craig,

    It looks like that issue is occurring due to the transparent header logos not having a source (See attached).

    Can you please verify that those are set correctly? The fullscreen off canvas menu style you're using will try to use those if set, but in your setup I'm seeing the image tags without a source in the page markup

    Thanks in advance