Bruce Longman wrote:
I have long submenus in my design, so when viewed on a mobile they just fill the screen. Is there a way to turn off a submenu at a specific break point? This way visitors can just touch the main button and go to an interstitial page that has links to the pages in the sub menu.
You can view it here: http://www.longmancomputers.com/global/
if you reduce the browser size you can see where the breakpoint kicks in.
My second question is why does the menu disappear behind the first couple elements as you scroll (fixed menu) but remains on top of the rest of the page - although this might be a RSD issue.
I have attached the file.
Hi Bruce from Sunny Bali
Not Really sure you can turn off submenu buttons like that unless mess about with the css once its exported (as in set display to none and not even sure about that unless one is a real Guru at CSS.)
I am not exactly sure why you have put the smaller view port menu onto a second row/column at smaller screen sizes, the breakpoint comes in at around 1030 px by altering margins and menu button widths you can achieve a topline menu down to around 800px, at which time all you need do is change the menu to the small screen menu that is built in on the layout pane. then you can mess about with margins and positions again and keep the menu on the same line as the logo., even right down to almost the smallest viewport.
there is a definate problem with the submenus dropping behind the other rows/columns, I once had that happen to me and for the life of me cannot remember how it was fixed.
I have taken the liberty to alter the project file to keep the menu just on one line even at smaller viewports, but without the RSD design to reference I have guessed some of the positioning.
Take a look at it and if it's the sort of thing you are thinking about (bearing in mind the submenus are still fairly long even at smaller viewports) you can adjust and mess about with positions and margins etc.
Good luck and a great looking web-site.