Primary Navigation/search box not showing up properly on mobile devices

[tspaulding]

Hello,

I have been working on my site and I just went and viewed the site on my iPhone and iPad. The search bar on the primary navigation is cut off and it appears my site is not showing its full size as well. Is there some way to fix this?

http://spauldinglane.com

Thanks

http://spauldinglane.com/

[dev]

I looked at the style.css file you are using:

/*
	Theme Name: Magazine Child Theme
	Theme URI: http://www.studiopress.com/themes/magazine
	Description: Magazine is a two or three column child theme created for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/

	Version: 2.0.1
	
	Tags: black, custom-background, custom-header, custom-menu, featured-images, fixed-width, gray, left-sidebar, one-column, right-sidebar, sticky-post, theme-options, threaded-comments, three-columns, translation-ready, two-columns, white
	
	Template: genesis
	Template Version: 1.8

	License: GNU General Public License v2.0
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

You are using an old version of the Magazine theme which does not have media queries and obviously was not designed to be responsive for small-screen devices.

Why don't you use the new Magazine-Pro replacement that StudioPress published to replace Magazine?

/*
	Theme Name: Magazine Pro Theme
	Theme URI: http://my.studiopress.com/themes/magazine/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/

	Version: 3.0.2

	Tags: black, white, one-column, responsive-layout, custom-background, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page

	Template: genesis
	Template Version: 2.0

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php 
*/

Dev
http://www.NewMediaWebsiteDesign.com

[tspaulding]

Dev,

Yikes, thanks for your response. Where can I find the Magazine Pro replacement?

Thanks,
Tia

[dev]

Find it here: http://my.studiopress.com/themes/

[tspaulding]

Dev,

Thanks, I hate to have to purchase the them again. However, I want my site to work properly. I really do appreciate your assistance.

Have a good evening!

[dev]

Well, if you don't want to spend the money for the new theme version, you could take some time to learn how to write media query CSS for the theme version you have now. Personally, I wouldn't do it... but I have more money than time these days.

Also, I think you will get a discount being a current customer of SP. We're a design house so we have the "developer" level or whatever SP calls it these days. I don't keep current on SP prices because we don't charge our customers for the theme they choose... it's all part of our $1500 package.

Dev

[tspaulding]

Dev,

I wish I had more money than time : ) that sounds like a great problem to have! I will just go ahead and purchase the newer version. Again, thanks so much for your help!

Tia

[Author]

Posts