uriy84

Hi. Please, install and activate WP-PageNavi plugin: https://wordpress.org/plugins/wp-pagenavi/

Hi. Looks like www URLs redirect to non-www. So when your browser tries to load fonts, it loads them using http://www.davegarcia.net/ domain, instead of http://davegarcia.net/, that’s why it doesn’t work ( some browsers don’t allow it ). You can hardcode the font URLs in css/elegant-font.css file, try replacing:

@font-face {
	font-family: 'ElegantIcons';
	src:url('../fonts/ElegantIcons.eot');
	src:url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ElegantIcons.woff') format('woff'),
		url('../fonts/ElegantIcons.ttf') format('truetype'),
		url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

with:

@font-face {
	font-family: 'ElegantIcons';
	src:url('http://davegarcia.net/wp-content/themes/serene/fonts/ElegantIcons.eot');
	src:url('http://davegarcia.net/wp-content/themes/serene/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('http://davegarcia.net/wp-content/themes/serene/fonts/ElegantIcons.woff') format('woff'),
		url('http://davegarcia.net/wp-content/themes/serene/fonts/ElegantIcons.ttf') format('truetype'),
		url('http://davegarcia.net/wp-content/themes/serene/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

It looks like a caching/minification error: http://prntscr.com/6od1rd

As you can see the font is imported twice, though there should be only one import declaration in the child theme style.css file.

Try renaming it to Serene ( with an uppercase S )

Ok. You can also upload the child theme folder to wp-content/themes via FTP.

Do you know why the mobile theme has such a large blank space at the top? It makes sense on the desktop theme but on mobile it just looks like a mistake…

It is by design. You can use the following css code to make it smaller on mobile devices:

@media only screen and ( max-width: 479px ) {
#main-header { margin-top: 30px; }
}

Social links can also be visible, this will require some css customizations. More links can be added in header.php, look for ul#et-social-icons element.

You can try using @import, but that might increase your site load time. Here’s what you can do:

– Open style.css and add this before the “Basic Styles” block:

@import url(http://fonts.googleapis.com/css?family=Raleway:400,200,100,500,700,800,900&subset=latin,latin-ext);

Note: you would also need to delete the line of code I suggested above.

Ok, glad we worked it out.

Great. What was the problem?