Skip to main content
Measha06
Measha06
Known Participant
June 15, 2017
Question

Mobile Menu Not Working Fully

  • June 15, 2017
  • 1 reply
  • 5042 views

I have used a Bootstrap nav bar with a drop down menu at the right and have included a sub menu this all works fine until I get to the breakpoint for a mobile phone. The hamburger works fine, the drop down menu works fine and changes to a slider to access all menu items but when I click on the arrow to the right for the submenu it closes the section down. Presumably as there is no where to the right to push the sub menu out to. Please can you tell me how to fix this issue.

http://addesignandprint.co.uk/Test/celebrations.html

I have only started the addition of the sub menu on this one page and not adding to others until I have it working on one page!

I would appreciate help in this matter

Liz

This topic has been closed for replies.

1 reply

O
osgood_
Legend
June 15, 2017

Seems to be working as it should do when I look at it. A sub-menu of 'Celebration Stationery' opens up BENEATH the category title.

Personally I think the Bootstrap responsive nav is a poor solution because it truncates the menu at a specific height and you can miss whats 'concealed' unless you watch the vertical scroll bar carefully.

Measha06
Measha06Author
Known Participant
June 15, 2017

If you go down the list as you say it opens a list under Celebration Stationery and then at the bottom it says Make Your Choices which then opens out to the right and should give 5 more options starting with Card bases and finishing at the moment on font choices.

How would you suggest?

Liz

Measha06
Measha06Author
Known Participant
June 15, 2017

In order to rectify these issues I have had to alter coding from where Dreamweaver has put it and I understood Dreamweaver was to take the coding element out of building web pages as I am not a coder. I believe that page has now passed WC3 validation but it also means I have to correct every other page I've built for this website. Straying from my original question which is not sorted why is Dreamweaver positioning code where WC3 validation dislikes?

Perhaps now with this page passing validation somebody can help with my original question remembering I am not a coder.


PS one of the errors causing it not to pass validation was from copying and pasting google fonts into the code as per the instructions and it saying it was an invalid character. Why does google ask you to put unacceptable characters in?

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices