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!
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/.
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.
Well, what you could do is use Nick’s plugin – http://designsbynickthegeek.com/plugins/genesis-responsive-header. See if that works.
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!
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!
The topic ‘Minimum Header issue at 1024px Screen Size’ is closed to new replies.
Are you a blogger, web designer, developer, or website owner looking to generate more income?