Okay
  Public Ticket #3584813
Safari mobile header not displaying properly
Closed

Comments

  • ssimc started the conversation

    I've updated the look of the website (also changed the child theme) and was about to make it live but noticed the mobile website header is fine in Chrome but when you view the website on Safari browser, the header menu is being covered by the secondary menu with no way to get to pages dropdown.    Believing it might be my phone, I deleted cookies and cache, but it is still not correct. Please see attached picture, not sure how to fix this.website link   screen shot of iphone issue

  •  8,426
    Tahir replied

    Hey ssimc ,

    Please update to the Latest Salient Theme Version as you are still on 14.0.7. 

    The current version of the theme is 16.1.3 and the current version of the page builder is 6.7.1 . Salient versions older than v11 won't be compatible with WordPress 5.5.

    Here's the documentation on the available methods for updating Salient: http://themenectar.com/docs/salient/updating-salient/#methods Once you've updated that, the update for the included page builder will become available. Note that "Visual Composer" also renamed their plugin on Envato to "WPbakery page builder" a couple of years back.

    Here's an update guide on what to expect when jumping many major releases at once: http://themenectar.com/docs/salient/important-salient-update-for-new-envato-requirements/ take a read through before the update, as many things have changed.

    To get a list of Bug Fixes and new Feature addons in the Latest Theme updates view change log here http://themenectar.com/changelogs/salient.html .

    Thanks.


    ThemeNectar Support Team 

  • ssimc replied

    I've updated the theme to current version, cleared all cookies and cache and problem on Safari still exists.  Menu is still covered by second header.  .Safari mobile view

  •  8,426
    Tahir replied

    Hey Again,

    Be sure to update the Bundled Plugins as well: https://themenectar.com/docs/salient/installing-plugins-updated/

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #header-secondary-outer #social li {
        white-space: nowrap !important;
    }

    Thanks


    ThemeNectar Support Team