“Making a theme responsive” is really quite a tall order. You’ll need to add a lot of CSS – likely using media queries for different sized devices. These should give you a starting point:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
http://colorlabsproject.com/tutorials/make-your-wordpress-theme-responsive/
Thread Starter
Chris
(@mccarthyc)
Ah, ok. Thank you. Would it be possible to at least make my footer (black horizontal bar) snap to the bottom of the browser window? It annoys me that it just floats right in the middle of the page (I have a large widescreen monitor).
I forgot to mention, I don’t know that much about code. I am experienced with modifying CSS using Firebug in Firefox or “inspect element” in Chrome, and making small changes here and there to mold a site to my liking. But, I cannot write my own PHP, CSS, or anything like that. I do know some basic HMTL, however.
Thanks.
You may want to ask on a CSS forum about these kinds of questions – though this might be helpful as to the footer:
http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/
A good CSS forum:
http://csscreator.com
Thread Starter
Chris
(@mccarthyc)
WPyogi, thank you! I read through that article and then used “inspect element” and added two lines of CSS to the #footer-bottom area:
“bottom: 0;” and “position: absolute;”
WALLAH! – Success! Now my footer stays at the bottom of the page. Who would have known it would be that simple?!
Thanks. I will consider this post to be resolved.
Thread Starter
Chris
(@mccarthyc)
Well, this WAS resolved up until my coworker discovered that the footer — which is supposed to stick to the bottom — is staying in the middle of the page on pages with a lot of content. See my other thread, which was closed (Only my second day using WordPress.org, so my bad!)
http://wordpress.org/support/topic/css-fixes-to-my-wordpress-site?replies=3
Here’s the scoop:
We hired a consultant who has a membership to several development communities that make templates/themes. So, she picked out our theme for us.
The original one is called Business Services by MPMU DEV (one of her dev community sites). I have modified it a TON since it was first installed, though. The original theme looks completely different. We also have a couple of plug-ins.
What our company wanted was a responsive, full-width layout with MULTIPLE left sidebar menu capability (for different menus on different pages) and content in the center, which should re-size automatically for a mobile browser or smaller computer monitor.
We did not quite get what we wanted….. So here I am. I have tried other themes, but none of them work the way I would like. Please help.
So the scoop here is that we only provide theme-specific support for themes from the repository on this site. I should have said that earlier on (my bad, sorry – I was trying to give you some help rather than just saying that).
BUT, even for a theme from this site, what you are asking is quite extensive and not likely to be provided by any theme developer or volunteers helping out here.
That’s why I suggested you ask on a CSS forum.
Thread Starter
Chris
(@mccarthyc)
Oh 🙁 I actually did create a post on that CSS forum that you suggested. No replies yet 🙁
I’m not sure that “extensive” is the right word, though. Earlier, all I did is spend about 1 minute adding a few codes using Chrome’s “Inspect Element” feature, which included “bottom: 0;” and “position: absolute;” and got it doing what I wanted in, like I said, about 1 minute.
I’m not saying that this will only take a minute for this new fix, but with someone who is many times more experienced than me, if they will just take a quick look and try a few codes using a browser editor, I think the solution will be found quicker than one might think.
I am not asking for theme specific support, that I know of (maybe I am?). The original theme is practically not even there anymore – I have done so many edits to php and css. I just need help with my css. If there’s no one willing to help, or if my question is breaking all the rules, then go ahead and close this post :/
Thread Starter
Chris
(@mccarthyc)
Not sure if I’m allowed to post external links to other forums, but here is the URL to the post I made at CSS Creator:
http://csscreator.com/topic/help-my-footer-middle-page
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You’re asking for support for your theme
by
asking for CSS support for your site.
Sorry, weird wording
Thread Starter
Chris
(@mccarthyc)
Changing “position:absolute;” to “position: fixed;” fixed my problem with the footer.
Sorry, I’m a n00b. I will close this.
