Okay
  Public Ticket #2254648
Navigation menu [sever issue]
Closed

Comments

  • Leeuwonline started the conversation

    Hey Salient,


    I encountered an issue which, to me is quite severe. I have also encountered this issue on your demos.


    The issue arrises when you enlarge your window and it goes from a mobile nav to a desktop nav when the nav is opened. What happens is that the menu is not removed and there is literally no way of doing this yourself, in order to resolve this, you will have to refresh the page. 

    This issue could come about pritty often for a user when he or she, let's say makes the window fullscreen.

    Take a look at the screenshots for more info.


    Regards, 

    Damien

  •  8,992
    Tahir replied

    Hey Again,

    Gonna escalate this to the Developer so he may add in a response. 

    Best


    ThemeNectar Support Team 

  •  1,089
    ThemeNectar replied

    Hey Leeuwonline, add this into the custom css box located in the Salient options panel > general settings > css/script related tab:

    @media only screen and (min-width: 1000px) {
    #slide-out-widget-area-bg, 
    #slide-out-widget-area {
      display: none!important;
    }
    }
    
  • Leeuwonline replied

    Hey Developer of the Nectar Theme,

    When the suggested code is added in the css/script tab, the website mobile-menu doesn't function properly. Look at the screenshot to see the issue in action. If you click on the mobile-menu you will see a strange blur effect. 

    I look forward to hearing from you.

    Regards,

    Damien

  •  1,089
    ThemeNectar replied

    Hey Damien, Please share your site URL in regards so I can take a look at your settings to further assist.

    Thanks in advance 

  • Leeuwonline replied

    Hi Support,

    Here is the URL of my website: http://leeuwonline.nl/ , as requested.

    Regards,

    Damien Deloubes

  •   Leeuwonline replied privately
  •  1,089
    ThemeNectar replied

    Thanks Damien, Because you have a custom mobile breakpoint defined, the previous snippet I supplied for you needs to be altered to match that:

    @media only screen and (min-width: 1301px) {
    #ajax-content-wrap .blurred-wrap.blurred {
     -webkit-filter: none;
     filter: none;
    }
    #slide-out-widget-area-bg, 
    #slide-out-widget-area {
      display: none!important;
    }
    }
    
  • Leeuwonline replied

    Cheers! Thank you so much  :)