This is what it currently looks like on my test page (I've kept my old menu for now...just added the new one on top):
But I still have the question of: If I already have html in the header section of a page (where I have, say, an audio player,etc.) where exactly do I add the new html for the header? Before? After?
... where exactly do I add the new html for the header?
How do I turn it into a mobile "dropdown" menu for small screens?
Regarding the first question, I doubt that the position among the headers makes much difference.
As to the second question, I have done it as follows -
(a) I opened Menu Builder, chose Horizontal Menu, and moved the slider left to 400px.
(b) I clicked on the plus (+) icon at the top left to create a breakpoint there.
(c) I clicked in Design, then Layout, and in the Layout panel clicked on the Menu button under 'Recommended for Small Screens'. Tools > Preview shows that it works OK in a browser.
Last thing. MB screen is not wide enough. Currently I have the buttons as wide as it will go...but as you can see on that page, they are not as wide as my page. How can I change that? They're just too small.
Increase the margin between the buttons (and reduce the outside margins),
Increase the padding inside the button,
Increase the font size on the buttons.
One of the above, or all. You just have to play with it and see.
Phone resolutions have increased and I had to move a breakpoint on a site.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.