Forum Replies Created
-
Posts
-
Hi – I just tried this solution and nothing is different – no link is added. Link to site posted in private.
Hi – it took too long to get a response and the client was unhappy with how it looked so I had to remove the extra desktop-hidden products menu button to ‘fix it’. I have some screenshots – how do I send them to you? I have also added it back for now so if you can look in the next few hours you will see the issue.
Thank you – that worked.
However one other thing is not looking quite right. The menu’s large drop down mega menu under ‘products’ used to display 2 neat rows of 6 columns. Now it is displaying a row of 5, then 6, then 1… Any ideas? Temporary login in private data below.
Hi Ismael. I don’t think you have read properly what I am trying to do and what has worked and what needs fixing? I will try to explain again…
I have a large menu as you will see on the link I provided. Too large for good mobile navigation, so I have selected ‘Hide Mobile Submenu Items’ so that it uses the simplified accordian for the mobile menu. However, this means the top level menu items that have submenus are not clickable, and my client would like them to be. So I tried the fix suggested on here – adding another submenu item to the top of all the submenus that is hidden on desktop, visible on mobile, that links to the top level page.
This has worked well for me on all the plain sub menus, but the products submenu is a multi column ‘mega menu’, and for some reason the extra sub menu item in that mega menu is showing up on desktop instead of being hidden. How can I fix this?
Sorry I had since removed that code as it wasn’t working and I found a different fix for the menu which is working for me except one issue with the mega menu one – see this thread:
Thanks.
Thanks. This is working well for me – all I have needed to do is add a couple of links to the main top level page as the first sub menu page, with the class ‘nodesktop’ assigned, and have this in my child theme css
@media only screen and (min-width: 769px) {
.nodesktop {display: none;}
}
They’re all working perfectly (only show up in the accordian mobile menu, and not on desktop, making it possible to navigate to the top level page) except the one that is inside a ‘mega drop down menu’ which is also showing up on desktop. Any ideas why?Hi – I tried this fix by adding the above code to my child theme css and child theme functions.php but nothing has changed on the site.
Hi – how do I add the css class to the menu items please? Alternatively is there an easy way to have a different simplified mobile menu show instead of the main menu? If I simply select to make the mobile version work like an accordian under the theme settings, then the top level pages cant be accessed as they become only clickable to open and shut the accordian… I just want the top level pages (and no submenus are required) to show on a mobile, so happy to use a secondary menu, or hide sub menu items…
