Hi. I used some code I found on another post to increase the size of the icon in the top navigation:

body header#top nav > ul > li.menu-button a {

box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;

-moz-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;

-webkit-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;

-o-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;

transition: opacity 0.3s linear;

-moz-transition: opacity 0.3s linear;

-webkit-transition: opacity 0.3s linear;

-o-transition: opacity 0.3s linear;

background-color: #27CFC3;

padding: 6px 8px!important;

margin-top: 21px!important;

color: #fff!important;

top: -3px;

border-radius: 2px 2px 2px 2px;

font-family: 'OpenSansbold';

font-size: 12px;

letter-spacing: 2px!important;

text-transform: uppercase;

}

And it seems to work on desktop, and on the mobile for the homepage. But on my other two pages the icons go back to being small on mobile.

Any suggestions?