Community Forums › Forums › Archived Forums › General Discussion › Adjusting mobile header without re-uploading theme
- This topic has 8 replies, 4 voices, and was last updated 10 years, 9 months ago by
Jodi P.
-
AuthorPosts
-
March 10, 2014 at 4:05 pm #94213
sjogborn
MemberHi 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.comMarch 13, 2014 at 2:04 am #94605Au Coeur
MemberNick 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.
March 28, 2014 at 11:10 am #97141sjogborn
MemberThanks @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.
March 28, 2014 at 11:15 am #97142AnitaC
KeymasterNick'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.
March 28, 2014 at 12:37 pm #97153Au Coeur
MemberIf 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.
March 28, 2014 at 12:44 pm #97155sjogborn
MemberThanks 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.comMarch 28, 2014 at 12:50 pm #97157AnitaC
KeymasterHer 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.
March 28, 2014 at 12:51 pm #97158AnitaC
KeymasterShay 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.
May 12, 2014 at 8:01 pm #104818Jodi P
MemberI 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.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.