Theme Horse

Hi,

I am using the Clean Retina theme for a friend’s website. My question is, will adding a little bit of custom CSS interfere with the theme’s automatic formatting for mobile devices ( responsive )? The site seems to format just fine on my iPad but he’s telling me it doesn’t format correctly on his iPhone or his PC tablet. Thanks.

edit: I’ve just updated from Clean Retina 2.0 to 3.0 and it appears I’ve lost the custom CSS below. I can no longer find ‘theme options’under the ‘Appearance’ category in the left hand column of my WordPress editor. That is where I was able to add custom CSS. I might have to go back to square one now. 🙁

here is the custom css I’ve added…

.entry-header { width: 200px; height: 15px; border: 0pt solid black; text-align: center; margin: -45px auto 0px auto;
}
.entry-title { font-size: 14pt; height: 30px; margin: -55px auto 0px auto; border: 0pt solid black;
}
#branding { background-image: url("http://shawnjomalley.com/wp-content/uploads/2014/11/custom-header-001rev002.png"); background-repeat: no-repeat; background-position: center;
}
#site-title { font-size: 18pt;
}
#access { margin-top: 120px; height: 33px; margin-bottom: 0px;
}
#access a { padding-top: 5px;
}
#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 { padding-top: 0px; height: 30px;
}
/* Dropdown */
#access ul li ul, 
#access ul li:hover ul ul, 
#access ul ul li:hover ul ul, 
#access ul ul ul li:hover ul ul, 
#access ul ul ul ul li:hover ul ul {
	display:none;
	z-index: 9999;
}
#access ul li:hover ul, 
#access ul ul li:hover ul, 
#access ul ul ul li:hover ul, 
#access ul ul ul ul li:hover ul,
#access ul ul ul ul ul li:hover ul {
	display:block;
}
#access ul li ul {
	border-top: 0px solid #5f85b0;
	position:absolute;
	background-color: #fff;
	top:35px;
	left:0px;
	width:190px;
}
#access ul li ul li {
	float:none;
	border-bottom:1px solid #ddd;
	border-right:0 none;
}
#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:#999;
	border-top: 0 none;
	float:none;
	line-height:21px;
	font-size:17px;
	font-weight:normal;
	height: 100%;
	padding: 8px 10px;
}
#access ul li ul li a:hover, #access ul li ul li:hover > a, #access ul li.current-menu-item ul li a:hover {
	border-top: 0 none;
	background-color: #f5f5f5;
	padding: 8px 10px;
	color: #5f85b0;
        border: 0pt solid black; height: 21px;
}
#access ul li ul li ul {
	left: 190px;
	top: -5px;
}
#access select { 
	display: none;
}