StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Minimum Header issue at 1024px Screen Size

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

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

This topic is: resolved

Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 22, 2013 at 5:34 pm #37009
    Ted
    Participant

    I'm having an issue with the Minimum theme. I'm using an image logo, size 176x60, 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/
    April 22, 2013 at 5:45 pm #37014
    AnitaC
    Keymaster

    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/.

    Need help with customization or troubleshooting? Reach out to me.

    April 22, 2013 at 7:12 pm #37032
    Ted
    Participant

    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.

     

    April 22, 2013 at 7:15 pm #37034
    AnitaC
    Keymaster

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

    Need help with customization or troubleshooting? Reach out to me.

    April 22, 2013 at 7:21 pm #37035
    Ted
    Participant

    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! 🙂

    April 29, 2013 at 9:52 pm #38499
    Ted
    Participant

    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!

    🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Minimum Header issue at 1024px Screen Size’ is closed to new replies.