Weird Ellipses/Three Dots at Top Right Corner of Mobile Site

On the mobile site only (not the desktop version) there are three dots on the top right corner of the site.  I don't know when they appeared but I can't figure out how to get rid of them.

www.cakehero.com

Here is the custom code I have for the site:

Quote

.horizontal-navigation-bar nav ul li a { padding: 0 1.2em; }
     .subnav ul li {padding: 0 0 1px 0;
     } /*adds vertical space between dropdown menu items in nav*/
.spacer-block { padding: 0 }

 #mobile-navigation-title {
       background: url("https://images.squarespace-cdn.com/content/57e17c5f20099e1414d6594c/fd572c66-69cf-440c-b53a-891b869b3b41/LOGO_Horizontal-01.jpg?content-type=image%2Fjpeg") no-repeat center;
       text-indent: 100%;
       min-height:60px;
   background-size:contain;
}
 #mobile-navigation #mobile-navigation-label {
       background:transparent;
       color:black;

}

Hi @leightorres can you provide a screenshot of what you're seeing please? I can't see the 3 dots that you are describing.

I can confirm what you are seeing but only on a real mobile device. A browser mobile emulation doesn't show it.

I do not not know if there is a solution.

Here is a screenshot of the dots, mobile version only.

Spoke to Squarespace, they had me remove my custom css and the dots disappeared.  That being said, the custom css was for my logo to appear as a header on the mobile site, as the five template does not have that option.  So while the dots are gone, so is my logo header. 

Marked as sort of solved by squarespace. 

Quote

I started playing around with sizing and for some reason setting the font-size at 2em and margin-top at .01em made the dots disappear.  No clue why but I am taking this as a win!

I suspect text-overflow.