February 15, 2013 at 11:37 am #20543
We installed the News Theme on a new blog this week and I noticed that everything working responsively EXCEPT the header area. The text name of the company and the tag line do not refresh responsively and are being truncated. Any ideas?
jimFebruary 19, 2013 at 11:44 am #21377February 20, 2013 at 6:54 am #21622
thanks – we tried to change the header width to 100% and that didn’t work, and then changed it to a larger static width, as you can see that also didn’t work.
jimFebruary 20, 2013 at 7:54 am #21634
I suggest using Genesis Responsive Header plugin
February 20, 2013 at 12:22 pm #21718February 20, 2013 at 4:16 pm #21819
I’m having the same issue. The logo is not responsive. Genesis Responsive Header plugin is not the way that I’d like to go.
Any solution would be helpful.February 20, 2013 at 5:42 pm #21830
Chris, no you can still see part of the text under the company name being cut off on the right side
jimFebruary 20, 2013 at 7:12 pm #21843
This needs to be resolved for all the themes. 38% of all web traffic is now mobile/tablet based.
If your site isn’t responsive you’re losing customers. This shouldn’t be a hard fix.February 21, 2013 at 5:39 am #21920
I see it now. The issue you’ve got is that you’ve set the width of the header to 1024px and the first media query (making it responsive) doesn’t cut in until 960px. Therefore browsers between 1024px and 960px wide will cut off the header.
You either need to make your header 960px wide or up the first media query to be 1024px instead of 960px.
February 21, 2013 at 7:20 am #21938
Chris, thanks . the reason we increased the header width was because the header was being cut off in it’s out of the box state.
When we resize it , I believe the same issue will appear, only more of the header will be cut off, thanks
jimFebruary 23, 2013 at 5:16 pm #22468
I noticed this too and I’m using the standard text header. On mobile it looks like it is wanting to center and doesn’t appear to wrap.February 25, 2013 at 5:30 pm #22791
I think the issue is that you’re using a background image rather than an inserted image.
This article may help with the styling of the background image so that it is responsive: http://voormedia.com/blog/2012/11/responsive-background-images-with-fixed-or-fluid-aspect-ratios
@chitowngal66 do you have a link to your site?
You must be logged in to reply to this topic.