darth_infamous

I figured this out. Had to do with using a header and footer plugin that worked outisde of WPtouch, which kept adding desktop elements and CSS that WPtouch was supposed to ignore. Instead, I coded those elements and code into the header and footer files of the child theme, so now WPtouch properly ignores them when in mobile.

I’ve kind of figured this out:

My custome CSS of adding social icons on the desktop version is pushing the width off.

This code:

#twitter-logo {
	float: left;
	margin: -32px 442px;
}

#google-logo {
	float: left;
	margin: -32px 475px;
}

#facebook-logo {
	float: left;
	margin: -32px 508px;
}

#youtube-logo {
	float: left;
	margin: -32px 541px;
}

#gmail-logo {
	float: left;
	margin: -32px 574px;
}

#rss-logo {
	float: left;
	margin: -32px 607px;
}

is what is causing it. Now I just need to figure out a way to put links and search bar above the header through a different method.

Any help on this?

I fixed this problem.

I using relative url’s to reference the social icons instead of full url’s.

Example: For the twitter icon, I was using wp-content/uploads/2014/01/twitter30x30.png instead of https://www.thetrenchrun.com/wp-content/uploads/2014/01/twitter30x30.png

I fixed this problem.

I using relative url’s to reference the social icons instead of full url’s.

Example: For the twitter icon, I was using wp-content/uploads/2014/01/twitter30x30.png instead of https://www.thetrenchrun.com/wp-content/uploads/2014/01/twitter30x30.png

With some more research, I’ve managaed to get the theme close to looking how I want.

Here is how my CSS looks now

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button-primary:hover, a.button-primary:hover,.wpm-button-primary:hover, a.wpm-button-primary:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button-primary:focus, a.button-primary:focus, .wpm-button-primary:focus, a.wpm-button-primary:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button-primary:active, a.button-primary:active, .wpm-button-primary:active, a.wpm-button-primary:active, #infinite-handle span {
	color: #ffffff;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button-primary, a.button-primary, a.button-primary:visited, .wpm-button-primary, a.wpm-button-primary {
	color: #FFFFFF;
}

.navigation-main a,.navigation-main a:visited {
	color: #FFFFFF;
}

.navigation-main li.current_page_item a, .navigation-main li.current-menu-item a,.navigation-main li.current_page_item a:visited, .navigation-main li.current-menu-item a:visited {
	color: #FFFFFF;
}

.navigation-main ul > .current_page_item:hover, .navigation-main ul > .current-menu-item:hover, .navigation-main ul > .current-post-ancestor:hover, .navigation-main ul > .current-menu-ancestor:hover, .navigation-main ul > .current-menu-parent:hover, .navigation-main ul > .current-post-parent:hover {
	color: #FFFFFF;
}

.navigation-main, .main-small-navigation li, .navigation-main li {
	background-color: #000000;
}

.navigation-main ul > .current_page_item:hover, .navigation-main ul > .current-menu-item:hover, .navigation-main ul .current-post-ancestor:hover, .navigation-main ul > .current-menu-ancestor:hover, .navigation-main ul > .current-menu-parent:hover, .navigation-main ul > .current-post-parent:hover {
	background-color: #000000;
}

.navigation-main ul > .current_page_item:hover a:after, .navigation-main ul > .current-menu-item:hover a:after, .navigation-main ul > .current-post-ancestor:hover a:after, .navigation-main ul > .current-menu-ancestor:hover a:after, .navigation-main ul > .current-menu-parent:hover a:after, .navigation-main ul > .current-post-parent:hover a:after {
	border-top-color: #000000;
}

.navigation-main li:hover, .main-small-navigation li:hover {
	background-color: #000000;
}

a, a:hover, a:visited {
	color: #000000;
}

.comments-area footer .comment-meta:hover, .comments-area footer .comment-meta a:hover {
	color: #000000;
}

.navigation-paging a, .navigation-post a,.navigation-paging a:visited, .navigation-post a:visited {
	color: #000000;
}

.site-title a:hover, .entry-title a:hover, .comments-area footer .comment-author a:hover, .widget-area .widget-title a:hover, article:hover .entry-title a:hover, .featured-content-secondary .entry-title a:hover, article:hover .entry-title a, .featured-content-secondary .entry-title a:hover, .site-footer a:hover, .site-content .entry-meta a:hover {
	color: #000000;
}

.navigation-main ul > .current_page_item, .navigation-main ul > .current-menu-item, .navigation-main ul > .current-post-ancestor, .navigation-main ul > .current-menu-ancestor, .navigation-main ul > .current-menu-parent, .navigation-main ul > .current-post-parent {
	color: #ffffff;
}

.entry-thumbnail-category a, .entry-thumbnail-category a:hover {
	color: #ffffff;
}

.navigation-main a:hover, .main-small-navigation a:hover {
	color: #ffffff;
}

.navigation-main li.current_page_item a:hover, .navigation-main li.current-menu-item a:hover {
	color: #ffffff;
}

.navigation-main ul > .current_page_item a:after, .navigation-main ul > .current-menu-item a:after, .navigation-main ul > .current-post-ancestor a:after, .navigation-main ul > .current-menu-parent a:after, .navigation-main ul > .current-post-parent a:after {
	border-top-color: #000000;
}

.entry-thumbnail-category, .entry-thumbnail-category:hover {
	background-color: #000000;
}

.entry-thumbnail-category:before, .entry-thumbnail-category:hover:before {
	border-top-color: #000000;
}

.navigation-main ul > .current_page_item, .navigation-main ul > .current-menu-item, .navigation-main ul > .current-post-ancestor, .navigation-main ul > .current-menu-ancestor, .navigation-main ul > .current-menu-parent, .navigation-main ul > .current-post-parent, button, input[type="button"], input[type="reset"], input[type="submit"], .button-primary, a.button-primary, a.button-primary:visited, .wpm-button-primary, a.wpm-button-primary {
	background-color: #000000;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button-primary:hover, a.button-primary:hover, .wpm-button-primary:hover, a.wpm-button-primary:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button-primary:focus, a.button-primary:focus, .wpm-button-primary:focus, a.wpm-button-primary:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button-primary:active, a.button-primary:active, .wpm-button-primary:active, a.wpm-button-primary:active, #infinite-handle span {
	background-color: #000000;
}

.navigation-main ul > .current_page_item:hover, .navigation-main ul > .current-menu-item:hover, .navigation-main ul > .current-post-ancestor:hover, .navigation-main ul > .current-menu-ancestor:hover, .navigation-main ul > .current-menu-parent:hover, .navigation-main ul > .current-post-parent:hover {
	background-color: #000000;
}

.navigation-main ul > .current_page_item:hover a:after, .navigation-main ul > .current-menu-item:hover a:after, .navigation-main ul > .current-post-ancestor:hover a:after, .navigation-main ul > .current-menu-ancestor:hover a:after, .navigation-main ul > .current-menu-parent:hover a:after, .navigation-main ul > .current-post-parent:hover a:after {
	border-top-color: #000000;
}

@media screen and (min-width: 600px) {
	.header-search {
		display: block;
		float: right;
		margin-top: 0;
		margin-right: 5px;
	}
}

I’m still having trouble figuring out how to make the CONTINUE READING and COMMENT button as white with black text when both hovered and non-hovered.