Customizing Expound Theme

beneadsfiction · Member · Feb 20, 2014 at 5:22 am
Copy link

Add topic to favorites
Thanks in advance! Your help is sorely needed, my friends.

I’m using the latest version of the expound theme on my new WP installation. I’ve created a child theme so updates won’t harm the design. http://www.beneadsfiction.com

Here’s my problem: when the site is viewed on a mobile device the header is cut off and doesn’t show.

Can a separate header file be used and referenced if viewed on a smaller device?

Again, many thanks!

The blog I need help with is: (visible only to logged in users)
beneadsfiction · Member · Feb 20, 2014 at 5:24 am
Copy link
If this is not possible, is there another free responsive theme like expound that carries this ability?

It would have to be as flexible as expound is as well.

Again, thanks!
designsimply · Member · Feb 20, 2014 at 7:09 pm
Copy link
Hi beneadsfiction, since you’re using WordPress but your blog is not hosted here at WordPress.com, the best place for you to ask for help is at the following volunteer-based forum which was setup for the Expound theme: http://wordpress.org/support/theme/expound

I will try to give you some tips here first, but then I will close the thread and you should ask further questions at the link I’ve included above.

Expound’s header is not designed to be responsive. However, there are some possible workarounds. One is simply to use text for the site title instead of an image. This might work well for you since I see that your current header image is transparent with plain text. Here are some steps you can try:

First, go to Appearance > Themes and remove the header image, check the box to show header text, and set a light color for the text (because your background image is dark).

Make sure you have set a site title in Settings > General.

Then add the following CSS. You can add CSS either using a child theme or you can use the Custom CSS module in Jetpack (which is very handy!).
```
#page {
	background: none;
}

.site-main {
	background: white;
}
```
That CSS will remove the header area background color and after that you should essentially have something very similar to your current setup only using text for the site title instead of a header image with text and a transparent background.

If you’re still having trouble after that or want to take a different route, please post at http://wordpress.org/support/theme/expound

No items found.