News Theme -logo and header not responsive

Community Forums › Forums › General Discussion › News Theme -logo and header not responsive

This topic is: not resolved

This topic contains 11 replies, has 5 voices, and was last updated by  cehwitham 2 months, 3 weeks ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 15, 2013 at 11:37 am #20543

    JimSweeney
    Participant
    Post count: 3

    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?

    thanks

    jim

    February 19, 2013 at 11:44 am #21377

    cehwitham
    Participant
    Post count: 353

    Hi Jim,

    Could you post a link to your site so I can look into this for you please?

    Chris

    Twitter: cehwitham Web: cehwitham.com

    February 20, 2013 at 6:54 am #21622

    JimSweeney
    Participant
    Post count: 3

    Chris,

     

    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.

     

    http://www.theimaginativeconservative.org

     

    jim

    February 20, 2013 at 7:54 am #21634

    wpspeak
    Participant
    Post count: 40

    I suggest using Genesis Responsive Header plugin
    http://designsbynickthegeek.com/plugins/genesis-responsive-header-updated

    WP Speak | Help the Awesome #Genesiswp Community

    February 20, 2013 at 12:22 pm #21718

    cehwitham
    Participant
    Post count: 353

    Hi Jim,

    Looks like it is working now, did you get it how you wanted?

    Chris

    Twitter: cehwitham Web: cehwitham.com

    February 20, 2013 at 4:16 pm #21819

    demetriusb
    Participant
    Post count: 4

    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

    JimSweeney
    Participant
    Post count: 3

    Chris,  no you can still see part of the text under the company name being cut off on the right side

     

    jim

    February 20, 2013 at 7:12 pm #21843

    demetriusb
    Participant
    Post count: 4

    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

    cehwitham
    Participant
    Post count: 353

    Hi Jim,

    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.

    Chris

    Twitter: cehwitham Web: cehwitham.com

    February 21, 2013 at 7:20 am #21938

    JimSweeney
    Participant
    Post count: 3

    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

     

    jim

    February 23, 2013 at 5:16 pm #22468

    chitowngal66
    Participant
    Post count: 2

    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

    cehwitham
    Participant
    Post count: 353

    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?

    Twitter: cehwitham Web: cehwitham.com

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.