I'll start up the Menu builder and check.
In the meantime I'm posting two screenshots of the menu before and after your first breakpoint. The block level elements are outlined. In the pic 'narrow' you can see why the words collide, they haven't got enough space.

See the attachment

I have no words in that "custom text" box!! That's why I'm not sure why there's the word menu that shows up. maybe i need to delete the word "menu" somewhere in the css or html??

As for the other, I'm not sure how to fix it. Someone else "fixed" it for me already and I thought it worked....until I saw it on my tablet in landscape mode.

Can you post the file for us to see?

It won't let me attach an .mb file. Which file do you need? Or should I upload it to dropbox?

Just upload to Dropbox then post a link to it. mb file please

https://www.dropbox.com/sh/29f8zzc3a8lr … LSWSa?dl=0

Hey Tanya,

I have a S7 phone that I use to see things. I made a quick test with menu builder file. The word menu didn't shift over like it's now. Here's link to the test if you would like to see it for yourself.

http://auctionbrick.com/menutest/

To me it's something it's something in your rsd file for the site wants causing the word to shift over.

If would upload that file I will be than happy to look at for you.

I am uploading the rsd file now (at the same link)...should be there in a minute or so.

I looked at your link on my phone. No word "menu" but all three dropdowns are on the left, not centered and a bit offset in landscape mode on my phone. But no word "menu"!

Why is it all so complicated, LOL? Thanks for taking the time to look at this for me!

When I open your mb file the word menu wasn't in there. Did you happen redo the menu file? When I look at your site now it shows the word your code. See below

<!-- Start of the body content for CoffeeCup Menu Builder -->
<div id="menuBuilderContainer">
<div id="menuBuilder">
<button class="nav-button button bar"><i class="icon_menu_handle"></i><span class="text_menu_link">MENU</span></button>
<div id="nav" class="nav">
<ul id="mainmenu" class="nav-collapse">
<li id="menu_1" class="menu_1 menu_items">
<a href="http://www.scottslapin.com/index.html" target="_self">
<span class="icon_menu_handle"></span>
<span class="text_menu_link">HOME</span>
</a></li>

<li id="menu_3" class="menu_3 menu_items">
<a href="http://www.scottslapin.com/about.html" target="_self">
<span class="icon_menu_handle"></span>
<span class="text_menu_link">ABOUT</span>
</a></li><li id="menu_2" class="has-flyout menu_2 menu_items">
<a href="http://www.scottslapin.com/music.html" target="_self">
<span class="icon_menu_handle"></span>
<span class="text_menu_link">RECORDINGS/SHEET MUSIC</span>
</a>

</li>
</ul>
</div>
</div>
</div>
<!-- End of the body content for CoffeeCup Menu Builder -->

About six lines down you see the word MENU still in there. If you make any changes in the future you need replace the code from old with the new one that it spits out. Just the part what goes where you like it to show up on the page.

In the mean time I will look at your rsd file to see if anything is there.