badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Reply To: IOS not Responsive

#43369

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)