Skip to main content
mindmastery
Known Participant
June 28, 2017
Answered

Mobile Nav issue

  • June 28, 2017
  • 1 reply
  • 426 views

Hi Guys,

I use Dreamweaver CC and am having an issue with the mobile version of the menu / navigation - it is only displaying 2 dropdown items instead of the 7 items which display fine on PC - ie. in both the Self Help and also the Sports menu, in the navigation near the top of my page.   The site is http://www.mindtraining.net      Until last week I actually had about 20 dropdown items displaying successfully, but I cut them down to just 7 items last week after reading that websites with mega-menus like mine tend to get hammered by Google in regard to rankings, and that the navigation items needed to be culled - but since then, only two dropdown items seem to appear, no matter what I do.   As you will have clearly guessed, I am not a coder by any stretch of the imagination, and am using one of the (often regarded here) evil templates lol - but would deeply appreciate any help.

Cheers,

Craig T

This topic has been closed for replies.
Correct answer osgood_

mindmastery  wrote

Many thanks Osgood - yes, that's strange.. there should be 5 Navigation titles showing when you first reach the page (ie. Home, Self Help, Sports, Quotes/Articles, and Admin) - and both the Self Help and Sports menus should contain 7 dropdown lists below them.  These all seem to display fine for me on PC, but on mobile - all the main (top) navigation menus display OK, but for both Self Help and Sports, only two dropdown items display instead of 7.   Is that not what you see on PC or mobile?

Thanks,

Craig

I do see that. You have a few errors in your html which need cleaning up but Im not sure if its do do with that or not. I back away when Boostrap is involved because its not worth myself investing a lot of time in a piece of junk, I will never use.

Errors:

https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.mindtraining.net%2F

Particularly 5 & 6 which would relate to the navigation.

1 reply

Legend
June 28, 2017

mindmastery  wrote

but since then, only two dropdown items seem to appear, no matter what I do.  

At the moment I can only see 2 drop-down lists, containing 7 items each, in your code?

mindmastery
Known Participant
June 29, 2017

Many thanks Osgood - yes, that's strange.. there should be 5 Navigation titles showing when you first reach the page (ie. Home, Self Help, Sports, Quotes/Articles, and Admin) - and both the Self Help and Sports menus should contain 7 dropdown lists below them.  These all seem to display fine for me on PC, but on mobile - all the main (top) navigation menus display OK, but for both Self Help and Sports, only two dropdown items display instead of 7.   Is that not what you see on PC or mobile?

Thanks,

Craig

osgood_Correct answer
Legend
June 29, 2017

mindmastery  wrote

Many thanks Osgood - yes, that's strange.. there should be 5 Navigation titles showing when you first reach the page (ie. Home, Self Help, Sports, Quotes/Articles, and Admin) - and both the Self Help and Sports menus should contain 7 dropdown lists below them.  These all seem to display fine for me on PC, but on mobile - all the main (top) navigation menus display OK, but for both Self Help and Sports, only two dropdown items display instead of 7.   Is that not what you see on PC or mobile?

Thanks,

Craig

I do see that. You have a few errors in your html which need cleaning up but Im not sure if its do do with that or not. I back away when Boostrap is involved because its not worth myself investing a lot of time in a piece of junk, I will never use.

Errors:

https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.mindtraining.net%2F

Particularly 5 & 6 which would relate to the navigation.