I have found an issue on menu wrap/resize … When browser is resized even before the menu wraps to two lines prior to 768px… The drop down menu is only accessible by clicking the small caret and the menu is displayed as in the image. I checked another site I have made with this them and I have the same issue.
No at 768 work properly it’s when you shrink from full size which is over 1200 pixels that the problem occurs… so between 768 and 1200 ideally I would like the have to change to mobile at 991 pixels because that’s when the menu starts to wrap
Okay willl do where should I be placing the CSS in the additional CSS under the editor or should I put my child theme back in and place it in the Styles. CSS
Hi there,
Sorry that I missed providing this information.
As for the CSS code, please have it added within the Appearance>Customize>Additional CSS section.
Ok… so I placed the code… it appears that CSS has shunk the menu text size and now it doesnt wrap but the drop down menus are still wrong - white background with the text having a black background with grey text and on hover the box turns pinky/red…
My ideal situation would be to have my nav text stay at 14px switch to mobile nav at a resize on 991px and have the menu work like it does full screen on all sizes before hitting the 991px. Is this possible?
Still no joy… Is there a way to make the 767px nav start at 991px… That way the menu wont wrap and the mobile nav will take over and everything will work great. If not I need to specifically target just the dropdown menu li > a but that also effects the main nav so when I change that to a white background the whole nav disappears…
have a look at the site and try the resize to 991px and then the nav should wrap trigger a drop down and you will see the problem.