Update:
Another developer created a Custom CSS for the theme. I figured what was causing the page to overflow, but I still cannot see the menu on my iPhone. Here is the Custom CSS:
/*Main Header Size*/
h1 a {
font-size: 200%;
}
h2 {
font-size: 32px !important;
}
/*Main Header Hover Colour*/
a span, #site-title a:hover, #site-title a:focus, #site-title a:active {
color: #a69785;
}
/*Page Header Size*/
.entry-title {
font-size: 300%;
}
/*Tagline Size*/
#site-description {
font-size: 200%;
}
/*Current Page Colour*/
#access a,
#access ul li ul li a,
#access ul li.current-menu-item ul li a,
#access ul li ul li.current-menu-item a,
#access ul li.current_page_ancestor ul li a,
#access ul li.current-menu-ancestor ul li a,
#access ul li.current_page_item ul li a {
color: #665C49 !important;
}
/*Menu Bar Hover Colour*/
#access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover > a {
color: #FFC7C7 !important;
}
/*Second Level Menu Hover Colour*/
#access ul li ul li a:hover,
#access ul li ul li:hover > a,
#access ul li.current-menu-item ul li a:hover {
color: #FFC7C7 !important;
}
/*Link Colour*/
/* unvisited link */
a:link {
color: #a69785;
}
/* visited link */
a:visited {
color: #a69785;
}
/* mouse over link */
a:hover {
color: #FFC7C7;
}
/* selected link */
a:active {
color: #FFC7C7;
}
/* Dropdown */
#access ul li ul {
position: absolute;
background-color: #fff;
border-top: 4px solid #FFEDF7;
top: 55px;
left: 0;
width: 190px;
}
/*.entry-content {
width: 1000px;
}*/ >>>>>>>>>>>>THIS WAS CAUSING THE OVERFLOW
Can you help me to fix the menu now? I still cannot see it or the <h2> heading of the page (Samhara.Involution)