Okay
  Public Ticket #2437811
Nav Menu responsive
Closed

Comments

  • charlottepaviot started the conversation

    Hello,

    I have a problem with the nav menu: I inserted a nav menu only visible for desktop (which is ok) and another one only visible for mobile. The problem is I cannot see any preview of the mobile version then I cannot set up the dropdown option for text or any other option. When I click on the hamburger, nothing get open. How can I work into the menu for the responsive mobile version?

    Another point: into the vertical menu for mobile version (once the hamburger clicked), how can I set the same hover effect I have in the desktop menu which is a personalized effect?

    I don't have the pro version of Elementor. 


    Thanks in advance,

    Charlie





  •  675
    Neuron replied

    Hi Charlie,

    I'm very sorry for the late reply.

    Please install a fresh copy of Bifrost, that would fix the issue.

    To do the auto-update. https://envato.com/market-plugin/

    Remove the Neuron Core Plugin and install it again.

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • charlottepaviot replied

    Hello,

    I updated the theme as requested in your last message but doing this I lost my header and the access to modify it (see attachment).

     I made another header having installed the plugin Edit Header and Footer but the problem is that I lost the modifications made into the CSS for the active effect. If you read my previous post, there is one regarding the strikethrought effect and I'd like to have it back again. I want to delete the shadow effect as well as it was previously.

    Could you tell me how to reinsert it both in the horizontal menu with desktop view and vertical menu with the mobile view? 

    Is there a way to chat with you? That would be easier and quicker. 

    Many thanks in advance,

    Charlie

  •  675
    Neuron replied

    Hi Charlie,

    Please make sure that Neuron Core is in 2.1.0 version. That could be the issue, please make sure to install and activate all required plugins.

    Re-select the option at Appearance > Customize > Header and see if the header appears again.

    If still does not work, please provide me with your wp-admin and I will check it quickly.

    I am sorry this is the only way to contactfrown.png

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   charlottepaviot replied privately
  •   Neuron replied privately
  •   charlottepaviot replied privately
  •  675
    Neuron replied

    Hi Charlie,

    Please clear the cache and check it again. As for the tablet and mobile, see that I have wrapped the code in 

    @media(xx) { <-Remove this
     // Code here
    } <- Remove this

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • charlottepaviot replied

    Hi,

    1/ I have to clear the cache of my browser or the one of WP with a plugin like WP Super Cache? I cleared the one in Safari but I cannot see any change. Please have a look to my web site preview and tell me what to do: I still see menu with underline, overline… The changes made into WP CSS are not visible in the preview.

    2/ " I have wrapped the code in @media(xx) { <-Remove this  // Code here } <- Remove this" I don't understand what I have to do. How can I apply the same strike over effect in the sub menu of the hamburger for mobile and tablet?


    Thanks!

    Charlie


      


  •  675
    Neuron replied

    Hi,

    I've made the changes, now it looks like this.

    - https://prnt.sc/t6fatr

    - https://prnt.sc/t6fbyv

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  • charlottepaviot replied

    Hello!

    Thanks for your answer. 

    The 1st screenshot you sent is fine for the classic menu on the desktop view: the strike-over effect is at the center and correctly justified on the right and left side.

    If you look   at the attached pictures, you can see that for the down menu of the mobile view, the strike-over is not centered at all respecting to the word. How can I adjust the effect in order to have the same effect in all devices?

    Thanks in advance,

    Charlie


  •  933
    Neuron replied

    Hi 

    Please add the following style in Appearance > Customize > Additional CSS.

    @media (max-width: 991px) {
        .hfe-nav-menu .menu-item a.hfe-menu-item:hover:before {
            width: 18% !important;
            position: absolute !important;
            right: 50px;
            left: auto;
            top: 28px !important;
        }
        .elementor-31865 .elementor-element.elementor-element-2d314d2 nav.hfe-dropdown .menu-item a.hfe-menu-item {
            position: relative;
        }
    }
    

    Feel free to ask anything you need.

    Kind Regards