I'm having trouble with the mobile nav toggle button not appearing on my website. In Elementor, when in responsive mode, the mobile toggle button is viewable (see attachement) however it has lines across it. When published, the toggle menu does not show on mobile.
I've tried everything I can think of, adjusting the column size, changing active and hover colours but nothing seems to work.
Please go to the Nav Menu widget > Advanced tab > Responsive, and check the responsive conditions, make sure that the widget is not set to be hidden for mobile devices.
Thank you, that suggestion part-resolved the issue, however I'm still having a problem with the dropdown on mobile. On the live site the text/links on the dropdown are invisible.
On the elementor editor I've set it up so that the dropdown background is black and the text is white (on normal, hover & active). It looks fine on the editor - see first attachment, but on the live site the text is not showing for some reason - see second attachment.
Strangley the text/links appear to be there, when you click the empty space, it links to the pages, so the links are there, just not showing.
Have made sure everything is showing on responsive mode and all colours are 100% opacity.
Hi there,
I'm having trouble with the mobile nav toggle button not appearing on my website. In Elementor, when in responsive mode, the mobile toggle button is viewable (see attachement) however it has lines across it. When published, the toggle menu does not show on mobile.
I've tried everything I can think of, adjusting the column size, changing active and hover colours but nothing seems to work.
Thank you,
Ciaran
Attached files: Screenshot 2022-05-15 at 13.19.41.png
Hi Ciaran,
Please go to the Nav Menu widget > Advanced tab > Responsive, and check the responsive conditions, make sure that the widget is not set to be hidden for mobile devices.
- https://ibb.co/TwD3MkH
Feel free to ask for anything you need.
Kind Regards
Hi there,
Thank you, that suggestion part-resolved the issue, however I'm still having a problem with the dropdown on mobile. On the live site the text/links on the dropdown are invisible.
On the elementor editor I've set it up so that the dropdown background is black and the text is white (on normal, hover & active). It looks fine on the editor - see first attachment, but on the live site the text is not showing for some reason - see second attachment.
Strangley the text/links appear to be there, when you click the empty space, it links to the pages, so the links are there, just not showing.
Have made sure everything is showing on responsive mode and all colours are 100% opacity.
Any thoughts?
Thanks,
Ciaran
Attached files: Screenshot 2022-05-22 at 09.32.06.png
IMG_0882.PNG
Hi Ciaran,
I am very sorry for the late reply, we were not working on the weekend.
Feel free to ask for anything you need.
Kind Regards
Hi there,
Could you please respond to question below (22nd May).
Thanks,
Ciaran
Hi Ciaran,
I'm so sorry, I don't know what happened with that blank reply, then it was marked as solved, I really apologize.
Please go to the Nav Menu widget > Style tab > Widget and there you can select the colors for your dropdown menu.
- https://ibb.co/0h99rQL
If it doesn't work, please provide me with your wp-admin, I will have a quick look to see what's going on.
Feel free to ask for anything you need.
Kind Regards
Hi Ciaran,
I've solved it by adding the following code at Elementor Site Settings > Custom CSS, please take a look at it now.
.m-neuron-nav-menu--mobile .h-neuron-animation--wow { opacity: 1 !important; }If you like our theme, please leave us a rate of 5 stars at ThemeForest, that would help us a lot.
Kind Regards,
NeuronThemes
You are welcome anytime, feel free to ask for anything you need
If you like our theme, please leave us a rate of 5 stars at ThemeForest, that would help us a lot.
Kind Regards,
NeuronThemes