News Theme Issue

[rockchalkblog]

Here's what you need to know:
-Using the Genesis Framework -Using the News child theme
-My site is RockChalkBlog.com

My issue? On mobile, specifically iPhone (Using the Safari and Chrome), the site has an issue. You know how you pinch to zoom in or zoom out? Well if you zoom out, it'll have a ton of space on the right.

I've installed different Genesis child themes and it goes away. I've gone back to the original code for the News child theme and the problem still occurs.

Anyone have an idea of what I can do to fix this?

http://RockChalkblog.com

[Tom]

That's not the original code for News.

The symptoms happen for your site in pretty much any browser. eg. I can do it in Chrome on my desktop by making the viewport smaller and dragging the content. When you skinny up the page in your browser mimicking a mobile, you can see that, although the menus, header and rest of the page respond to the newer viewport size, drag it and the 'page' moves but your social icons stay rooted to the top-right corner where no one will see them.

Somehow you've modified News to add a new div above the subnav to house your social icons (Acurax Social Media Widget) but this is not required as you can put icons in as menu items as the raw theme was designed. (style them as you like)

If you must use a specific icons plugin, try putting it in the Header Right widget area (where the ad-space was in the original setup) and undo the added Div above the top subnav. Or redo the addition of the new Div to float it after the top subnav.

Better yet, unless you're really sold on this old version of News, grab the new News Pro theme or one of the other child themes you mentioned. Magazine Pro? Metro Pro? ?

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts