ハンバーガーメニューを開いた際の横幅について

ご質問失礼いたします。

Sydneyのテーマでサイトを作成途中なのですが、スマホのハンバーガーメニューをクリックした際に横幅が短くなってしまい、文字がはみ出るようになってしまいました。

おそらく#mainnav-mobiの記述ではないかと思っているのですが、修正ができません。

#mainnav-mobi {
display: block;
width: 100%;
position: absolute;
top:28px;
background-color: #ffffff;
margin-top: 15px;
z-index: 1000;
float: right !important ;
}
#mainnav-mobi ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#mainnav-mobi ul li {
margin:0;
position: relative;
text-align: left;
border-top: 1px solid #fff;
cursor: pointer;
}
#mainnav-mobi ul > li > a {
display: block;
text-decoration: none;
padding: 10px 50px;
color: #000;
}
#mainnav-mobi ul.sub-menu {
top: 100%;
left: 0;
z-index: 2000;
position: relative;
background-color: #fff;
}
#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
position: relative;
border-top: 1px solid #fff;
background-color: #fff;
}
#mainnav-mobi > ul > li > ul > li > a {
padding-left: 30px !important
}
#mainnav-mobi > ul > li > ul > li > ul > li a {
padding-left: 30px !important
}
#mainnav-mobi ul.sub-menu > li > a {
display: block;
text-decoration: none;
padding: 5px 60px;
border-top-color: #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#mainnav-mobi > ul > li > ul > li:first-child a {
border-top: none;
}
#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
color: #fff;
}

何卒宜しくお願い申し上げます。

ヘルプの必要なページ: [リンクを見るにはログイン]