Outreach Responsive Header Issues

Community Forums Forums Design Tips and Tricks Outreach Responsive Header Issues

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  MakeYourselfVisible 1 year, 2 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #45742

    MakeYourselfVisible
    Participant
    Post count: 33

    Howdy,

    I’m working on getting my logo to look nice on mobile devices. I installed the Genesis Responsive Header plugin and put in the logo images in various sizes like it said but it’s still not spanning the entire screen when I look at it on my Galaxy S3 (there’s space to the right of the logo).

    It’s not a huge deal but I wanted to know if anyone had an easy enough fix for this.

    The website is located at http://stargatesinternational.com/.

    Previously I made the customization from this thread to replace the header text with a logo image but I remember that the same issue was occurring before that: http://www.studiopress.com/forums/topic/replace-text-with-logo-outreach/

    Thanks in advance!

    David

    http://stargatesinternational.com
    #45748

    Anita
    Participant
    Post count: 7356

    What is the screen width of your Galaxy S30? Check the settings in the media queries of the CSS to make sure your screen width is in there.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #45754

    MakeYourselfVisible
    Participant
    Post count: 33

    Aha! It was because my title area (now logo area) was 430 px and my image was only 290px floated to the left. Everything works fine once I put in a 430px wide image :)

    #45757

    MakeYourselfVisible
    Participant
    Post count: 33

    I ended up keeping the 291px image and reducing the logo area size to match because I didn’t want the header to get much taller…basically changed the width in this code:

    #title-area {
    background: url(images/logo.png) no-repeat;
    float: left;
    overflow: hidden;
    width: 291px; /* to match image, originally 430px */

     

    Cheers,

    David

    #45769

    MakeYourselfVisible
    Participant
    Post count: 33

    It looked like it was working before but now it’s showing the extra space on the right still for whatever reason. I cleared the cache on my phone too so that’s not the issues either.

    Hmmm now I’m super confused.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.