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

Mobile Menu Not Working Fully

  • June 15, 2017
  • 1 reply
  • 5026 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_
Brainiac
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 19, 2017

As l said in a post if you want the submenu to fly out to the right then move that link 2 or 3 to the left. That will give you enough real estate on desktop to have if fly out to the right. On mobile it should open straight down.


Thanks for the replies guys but I don't think apart from Ben my queries has been absorbed correctly. Ben re wrote the code for me so the flyout is to the Left as the images show but the arrow indicating a flyout depicts to the right and I wondered how and where to change this to a left arrow or a down arrow (caret).

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