[treoguy]

Thank you. I've always had a difficult time with the various wrap sizes. I ended up modifying:

{.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar-primary {
width: 350px;
}

Changing the width from 300 to 350 pushes it down.

BTW, thank you so much for the excellent tutorial on the giant search below navigation. Much appreciated!

[treoguy]

Thanks Chris! This was exactly what I was looking for and it worked great! Much appreciated.

[treoguy]

Can anyone help with this?

[treoguy]

Not having any luck. It's odd because the original header image 1068px width looks perfect on the iPad, Android tablets and phones. It also resizes nicely on Safari desktop. On the iPhone, it wants to show the entire image, so it scales it down to fit.

Now, if I comment out this section:

@media only screen and (max-width: 320px) {

,.header-image .site-title a {
background-size: contain !important;
}

It will render properly, but still requires I resize the logo (part of the bigger header) smaller, so that it fits. Definitely a hack and not the proper method. I wonder if there is something within this CSS that would do the trick.

It's live on iCafe now. Trying to move away from WPTouch and go responsive.

[treoguy]

I ran into a problem with the logo not appearing. Using Chrome, the image for the .site-title was correct. The default background color was blocking the logo. I tried commenting out the color, but had nothing but white space remaining.

If I were to get the image showing, how do I go about adding the background image?

On your post, you referenced SEO concerns? Have these been addressed?

Thanks for your help.

[treoguy]

Starting to realize that if my logo and header background image are one the same, it would be impossible to have it properly resize in the responsive design.

Let me explain my ultimate goal and perhaps someone can point me in the right direction or provide guidance.

I'd like for my site that have a full width header background, that resizes properly on a mobile device. The logo should be seperate from the header background, so that's able to resize without looking too small.

These are vitally important. The next is not a requirement, but it would be nice to have a third element - a banner that would be flush right of the logo, overlaying the background. This would go away when the browser resizes under a specific size. It's a 728x90, so I'd like for it not to render on mobile.

Any help is greatly appreciated.

This is for this website:
http://www.everythingicafe.com

[treoguy]

The archive intro text is considered a post excerpt? It doesn't appear as if I'm running into any character limits.

[treoguy]

Spoke too soon. It's back.
[23-May-2013 15:51:49 UTC] PHP Fatal error: Call to undefined function genesis() in /home/directory/public_html/wp-content/themes/genesis/single.php on line 21

[treoguy]

Interesting, so I pulled this out of my custom.php and so far *fingers crossed*, the errors are gone.

`

/** Customize the credits */
add_filter('genesis_footer_creds_text', 'custom_footer_creds_text');
function custom_footer_creds_text($creds) {
$creds = '© 2012 My Company - About Privacy ';
return $creds;
}

/** Remove the return to top of page text */
add_filter('genesis_footer_backtotop_text', 'custom_footer_backtotop_text');
function custom_footer_backtotop_text($backtotop) {
$backtotop = '';
return $backtotop;
}

`

Anyone on what might have caused the issue and how I can add these snippets back without the errors?

[treoguy]

I appreciate the suggestion. I think Firebug certainly works perfectly for some elements, but it's tougher when dealing with such a major change. It would be great if fixed width was offered as an option from template designers. Unless you are a fairly proficient coder, attempting to make the changes could introduce new problems.

For now, I'm sticking with WPTouch and will seek out freelancers.

[treoguy]

Yes. It seems every time I go down this path, I have tremendous amounts of difficulty finding all of the responsive elements. I tried this morning with the Genesis Child Theme and the same issues.

Would love to get this completely fixed to 980px with a sidebar of 350px.

[treoguy]

I've removed the backstretch code an added the suggested code from Jen. I'm still having trouble getting any sort of background color or image. I've changed settings in Appearance > Background, but to no avail.

Any suggestions?

[treoguy]

Sure. It's everythingiCafe

[treoguy]

That's what is odd. I have Display Name Publicly: My Full Name. The site shows my name, but the link is to my username, which is admin.

 

 

[treoguy]

That would be great. Thanks!

[treoguy]

I had seen that, but it's not of any help, at least for what I'm hoping to accomplish.

Ultimately, I want to create a custom template that I'll be able to use for a specific category (ie. tips).

At the top, I'll be able to include my custom HTML so I can make it an appealing landing page. Sort of like a table of contents.

 

So when someone hits the TIPS page, they get:

CUSTOM HTML

--------------------

Regularly updated articles from this category

Pagination to continue to through to other articles in category

 

I'm sure this has been done, but not sure I'm doing a great job of communicating my goal for the page.

[treoguy]

Thanks Peter.

I was thinking to code the top of the page with HTML and then have the category content output below.

Any suggestions on tutorials for creating this custom page and applying it to a category. If I can get my feet wet creating one of these pages, that would be a good start, might give me more ideas on the application.

[Author]

Posts