Minimum Header issue at 1024px Screen Size

Community Forums Forums Design Tips and Tricks Minimum Header issue at 1024px Screen Size

This topic is: resolved

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #37009

    Ted
    Participant
    Post count: 48

    I’m having an issue with the Minimum theme. I’m using an image logo, size 176×60, and also using Genesis Responsive Header. I’ve used the responsive tester to check it out.

    It looks great on my desktop and also at 240px 320px 480px and 768px, but at 1024px (iPad landscape) the logo looks stretched and appears partially behind the menu.

    Seems like it should be a simple fix and I’ve tried a few things in the css but with no luck (yet). Any help would be awesome!

    Thanks very much!

    Ted

    http://tedvieira.com/
    #37014

    anitac
    Participant
    Post count: 6377

    Hi Ted, take a look at this write up from Brian Gardner on Media Queries – this might help you – http://www.briangardner.com/media-queries/.


    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!

    #37032

    Ted
    Participant
    Post count: 48

    Hi Anita,

    Thanks for the quick response! Yeah, I had read that a while back, and have been editing the css for some of the different device sizes, but for some reason this one just has me stumped.

     

    #37034

    anitac
    Participant
    Post count: 6377

    Well, what you could do is use Nick’s plugin – http://designsbynickthegeek.com/plugins/genesis-responsive-header. See if that works.


    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!

    #37035

    Ted
    Participant
    Post count: 48

    Yeah, that’s an awesome plugin. I’m using it on that site and the screen sizes that the plugin addresses (240, 320, 480, 768) all look perfect. It’s just the logo seen at 1024 (iPad landscape) that looks stretched and the lower part is behind the menu.

    Thanks for your reply, very much appreciated, Anita! :)

    #38499

    Ted
    Participant
    Post count: 48

    Just to followup, I was able to edit the css in the @1024 section of the style sheet.

    It was actually a pretty simple fix of just having to address any code that pertained to the #header, .header-image and #title-area. Don’t know why it seemed like such a mystery before!

    Thanks again, Anita for your effort here! I appreciate it!

    :)

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

The topic ‘Minimum Header issue at 1024px Screen Size’ is closed to new replies.