Okay
  Public Ticket #2143807
finetuning mobile nav menu
Closed

Comments

  • BigEyes-Design started the conversation

    Hi
    I hope this is my last question, as most of the things in my site work great now.
    Just the mobile nav menu - I want to make not only the text links clickable, but the whole block around every link title clickable.
    What's happening now is that on mobile devices it's really hard to touch/click the text link exactly, and most of the times the pic-link behind the menu gets clicked instead.
    I didn't find a way to control that on Elementor, and I guess it will require some kind of CSS trick.
    I hope my question is clear enough....

  •  675
    Neuron replied

    Hi,

    Sure, that can be easily achieved by adding the following Custom CSS.

    .m-nav-menu--mobile {
        z-index: 10000 !important;
    }
    .m-nav-menu--mobile nav ul.menu li.menu-item a {
        display: block !important;
    }

    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.

  • BigEyes-Design replied

    Thank you very much!
    Can I edit the size of the block? Does the z-index value determine that?

  •  675
    Neuron replied

    This box? https://prnt.sc/p3sxpc

    If you want to change that, please edit page with Elementor and in the mobile settings set that to stretch. 

    - https://prnt.sc/p3sz18 <- Basically now it will take the width of the parent element.

    Kind Regards


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

  • BigEyes-Design replied

    none of those. I mean the grey box (on hover/touch) surrounding the text. See screenshot. 

    I want it to stretch to the whole white container wide. And maybe edit the color. 

  •  675
    Neuron replied

    Hi,

    Please use the following option. https://prnt.sc/p3v7yp

    If it doesn't work, please provide me with your wp-admin, I will handle it quickly.

    Kind Regards


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

  • BigEyes-Design replied

    I know that option. It controls the whole white box/container. I don’t want to change that. I just to stretch the grey boxes inside (those shown only when clicking) - stretch those grey boxes to the whole width of the white container, as shown in the image attached. 

  • BigEyes-Design replied

    and I would like to edit the grey color. 

  • BigEyes-Design replied

    ok, I have found the way to edit both things. Thanks!

  •  675
    Neuron replied

    Good to know, 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.