Adjusting mobile header without re-uploading theme

[sjogborn]

Hi all,

I use the Foodie Genesis Theme. I acknowledge that a previous forum member has inquired about the mobile header not functioning properly for this particular theme before.

The proposed solution is to upload a new version of the theme (while saving your CSSand then going back and re-entering it in) ...this seems incredibly inconvenient to me. Does that mean that all of my widget customizations are lost? As well as anything else that I've tinkered with in the dashboard?

Is there any other solution for fixing this within the WP dashboard so that my header fits within the mobile layout, instead of re-uploading?

Any help would be appreciated. 🙂

Thanks! Site: http://www.clarkandschiller.com

http://www.clarkandschiller.com

[Au Coeur]

Nick has a really great plugin for fixing this: http://designsbynickthegeek.com/plugins/genesis-responsive-header

---

Mother. Web & Graphic Designer. Lactation Consultant. Blogging about how it all fits together, most recently from northern Colorado. Visit my blog or my design site.

[sjogborn]

Thanks @Au Coeur. Unfortunately that didn't work.

Does anyone know how to just remove the responsive design for mobile entirely? Now that I think of it, I'd prefer that it gets removed all together.

[AnitaC]

Nick's plugin doesn't work with HTML5 themes. You will need to customize the header on your own in the media queries area. You've lost a lot of your responsiveness in your header and images, as well as overlapping content area. If you need freelance customization service to assist you, send me a note on my website.

---

Need help with customization or troubleshooting? Reach out to me.

[Au Coeur]

If you want to remove the mobile design completely, you just need to go to the bottom of your stylesheet and delete the customization for narrower screen sizes.

---

Mother. Web & Graphic Designer. Lactation Consultant. Blogging about how it all fits together, most recently from northern Colorado. Visit my blog or my design site.

[sjogborn]

Thanks for your reply, @anitac. Ideally, I would like to figure this out on my own - but I appreciate your note!

@AuCoeur - just tried that, and now it's showing up very oddly at the top of my mobile screen - take a look from your mobile device and you will see - http://www.clarkandschiller.com

[AnitaC]

Her solution doesn't work because you need to also remove the Viewport from functions.php. You will then need to edit your theme where you see percentages. Responsive design uses percentages. You will need to convert those percentages to pixel widths.

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

Shay provides support for her own themes here - https://shaybocks.com/foodie/. I would suggest you reach out to her to properly achieve what you want.

---

Need help with customization or troubleshooting? Reach out to me.

[Jodi P]

I realize this is an older post, but for reference, you won't have to reconfigure your widgets and settings after installing the new theme - it will all pop back into place. However, If you have made customizations to style.css or functions.php, you will need to add those back in.

[Author]

Posts