Forum Replies Created
-
AuthorPosts
-
johndoveMember
HOO-RAY!!!
Gary, thank you SO MUCH for helping me see this through. I know I've been a pain in the ass; I really, really appreciate it. Now that my text is flowin' and my images resizing, the think the rest is all down hill.
YOU ARE THE MAN!
Thanks again.
John
johndoveMemberOnce you’ve done that, you can start removing...
I totally get that (the 2nd part) but I'm baffled by the a href mixed in with the media query. I've never seen that before. Should it be exactly what you have verbatim?
Btw, the screen shot is spot on. THAT's what I've been looking for!
johndoveMember...fixed width 1000px for the #wrap (within the media query)
I'm sorry, I don't know what you mean. The #wrap is not in any media queries. - ?
johndoveMemberNow absolutely nothing has a 1000px width except the wrapper, and the max-width on the nivoSlider img is set. — No change.
I'm beginning to wonder if this corporate theme was outfitted with even the most basic responsive code, e.g.:
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
I don't see it. : /
johndoveMemberGary,
I've removed all exterior container class widths. The slider is still not responsive and my text isn't fluid (even if I remove the percentage widths they're not fluid). - ?
johndoveMemberSorry, the url again is http://wp.woodensun.com.
johndoveMemberOkay guys, I've spent the past couple of hours on writing my own media queries and with a couple of corrections to my code it won't look half bad. Even though I know it's not exactly kosher to post this in a theme-based forum, since you guys have been so nice, I'm wondering if you would take a look and tell me what I need in just a couple of places.
'widths': [240, 320, 480, 640, 768, 960, 1024, 1280, 1440, 1600, 1920, 2400]
There's no freakin' way I can get that granular (though I wish I could). Here's what I've got:
@media only screen and (max-width: 1024px) - social buttons only
@media only screen and (max-width: 980px) - search form onlyThe main sizes I'm doing are for:
@media only screen and (max-width: 767px)
@media only screen and (max-width: 500px)Okay, problems (just a few):
1. I am using Nivo Slider on the home page and I have the Slider Size set to "responsive." But it isn't responsive. I have it inside a text/html widget with a width of 63.2%. If I don't give it a width, it's width is 100% and that's no good. Not sure what to do here.
2. at 767 and 500, my text for the 3 middle modules (Showroom, Photo Gallery, About Wooden Sun - .home-middle-1, .home-middle-2, .home-middle-3) does not wrap naturally (100%) and I don't have a width on those classes. How do I get the text to wrap?
3. ...and any other advice you'd like to offer. : )
Thanks very much guys, for your help.
John
johndoveMemberThanks Brad. I was aware of that one, and there's another one called Responsive Select Menu. These are fine for phones, but no good for tablets. Unfortunately, we're expected to make it look good on everything from the size of a refrigerator to a postage stamp.
johndoveMemberThanks very much guys. Let me first say that I contacted the developer of the plugin and the guy is a #!$@. He's simply out to sell his plugin and not offer a thing in the way of support.
all the plugin appears to be doing is adding in a load of class values to the markup – you would still need to write the CSS for each width class that it adds that you wanted to target
Gary - I suspected this might well be the case. The reason I'm not writing my own (at least only as a solution of last resort) is that I'm not very good at it. As ubiquitous as mobile is now, it's hard to believe that someone hasn't come up with a plugin to do all the heavy lifting, with only minor tweaks required. I simply can't find anything like that. Do you guys know of anything? Even a "vanilla" stylesheet with just the basic properties coded would be a help. GoDaddy offers a mobile service where you just click a button and in seconds the site is mobile, looks great and works perfectly. I can't believe there isn't a plugin to do this.
and invest in a developer who can make your site responsive using media queries with an hour or two of their time.
I wish I knew where I could find one. Locally, I can't buy help. No one is interested.
Thank you guys VERY MUCH for your input, and if you have any further suggestions, I'd love to hear them.
John
johndoveMemberBrad,
I'm hoping you can give me a little final push here to help me understand this. Here are the instructions for the plugin: http://woodensun.com/install.html.
What I don't get is:
B) Basic Usage:
$('html').adaptivate({ 'widths': [240, 320, 480, 640, 768, 960, 1024, 1280, 1440, 1600, 1920, 2400], 'format': 'width_{operator}_{width}', 'orientationFormat': 'orientation_{orientation}'
re "Then you can include it on your page by editing the template."
});I think this has to be called via the method you sent me above with the wp_enqueue_scripts in the functions.php file? I get that I have to point to the .js file, I just don't know where the bit of code above fits into the equation. Exactly where/how do I incorporate that? If it does go in the wp_enqueue_scripts code you sent, a quick code mockup of exactly how it's supposed to look would be very helpful.
Thanks so much,
John
johndoveMemberThank you!
johndoveMemberBrad,
I know I'm straying a little out of my support zone here, but yes, the jQuery is included with the plugin. Obviously this code needs affect the whole site, so where exactly is "the front end"?
Thanks,
John
johndoveMemberToo late. I don't want to start over. I'm hoping that plugin will work. Just to confirm, jQuery does not come with Genesis themes (unless the specific theme requires it?)
johndoveMemberHi Brad,
Thanks for the quick reply. As far as I can tell, it doesn't have any responsiveness. Here's the site I'm working on: http://wp.woodensun.com (which is just the corporate theme modified). Shrink the browser down to any size... it isn't responsive at all... what am I missing?
Thanks,
John
-
AuthorPosts