Header color section size

The background image is fine, it looks this way because your slider height is smaller than the demo.

To get it to look like the demo you would have to either increase the height of your slider, or re-create the background image in Photoshop to be shorter.  Here is your slider background image – http://savvycities.com/wp-content/themes/optimal/images/slider-bg.png This image repeats itself horizontally (not vertical), but notice where the blue section ends, and the white section begins.  The demo slider image is set to 350px which extends itself past the “blue” section of the background slider image.

The height settings are in your Genesis Slider settings (you probably have already seen this).  Anytime you change the width or height of your images, its always best to run a plugin called “Regenerate Thumbnails” – http://wordpress.org/extend/plugins/regenerate-thumbnails/  We all use this plugin, as it automatically adjusts all of your images to fit within the slider, and other areas of your site that uses thumbnails.

Make sure your Featured Images are set at the right size as well.  You can check by clicking the featured image link in your page or post editor.

The logo is in a completely separate section and it shouldn’t affect the slider area.  The most it can do is push it down depending on its size, but it won’t affect what goes on inside.  The issue is really just the size of the slider images.  Once you regenerate your thumbnails from the plugin above then it hopefully will readjust everything automatically.  If not then will have to see what else could be holding it up.

No its functioning correctly, you just need to select the thumbnail size you want for your images.  For example, in your Genesis Featured Page widgets I can see that you didn’t select a thumbnail size, so it automatically uses the default “150” by “150” size.  So in your Genesis Featured Page widget settings, make sure and select the size that you want.  You can also create your own specific size if you want by taking a look at your functions.php file (look at  the “/** Add new image sizes */” section)

For the slider images – The images themselves are probably too small.  Here is the actual size of one of them – http://savvycities.com/wp-content/uploads/2012/08/disney-rockin-ever-after-tickets.jpg  So you may need to go into the actual page or post that you added the featured image and choose a different size from the selection (small, medium, large, etc).  Also, make sure you have your height settings at the correct size in your Genesis Slider settings.

Will I have to change the default setting site wide?

No, the image selector should work right out of the box….unless there is something else conflicting with it, like a plugin, etc.

If you want to create a temporary user/password I can login and take a quick look at everything to see what the issue is.

Great, glad its working.

Thanks for the compliment!

If you need anything else just let me know.