- This topic has 4 replies, 2 voices, and was last updated 12 years, 1 month ago by
.
-
Posts
-
Hi guys, Ive read a lot of topics on this, not sure what solution applies to me.
My Metro pro header crops on iPad, and has too much white space beneath it on mobile
any suggestions?http://www.thisishomesteady.com
Thanks
http://www.thisishomesteady.comYour header is not resizing according to viewport size because it is a large background images, and background images don’t work in this way.
One solution is to use a plugin such as Genesis Responsive Header, which will then allow you to specify three or four different header images which are used depending on viewport width. (Link:http://designsbynickthegeek.com/plugins/genesis-responsive-header)
Alternatively, Alpha Blossom have made this tutorial available, which will make your header an inline image and as a result will scale down as the screen narrows. (Link:http://www.alphablossom.com/a-better-wordpress-genesis-responsive-logo-header/)
Thanks Craig, couldn't find the plugin, searched in wordpress and clicked on the site, does not seem to be there right now, gonna try the second option.
Neither has seemed to work, although its possible I didn't do the second one correctly. Not sure what to put for the path for my logo, i just used the url, thats probably wrong?
Hi!
The link for the Genesis Responsive Header plugin is https://github.com/NicktheGeek/genesis-responsive-header/archive/customizer.zip - it's linked at the top right of the post.
The path for your logo for is: http://www.thisishomesteady.com/wp-content/uploads/2014/08/cropped-homesteadygreylogo.jpg
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.