Homepage › Community Forums › Optimal Theme Support › Responsiveness questions
Hi. Just bought Optimal. Beautiful theme! I am not using the slider instead I have used a text widget in the slider widget. My iPhone only displays half of it. How would incorrect this?
Also is there any way place the navigation at the bottom in mobile view?
And lastly is there an option for the user to view the full site on their mobile devices if they wish?
Thanks in advance!
Thanks for purchasing!
Do you have a link so I can take a look at the text issue in the slider area?
For the navigation, I don’t have a quick solution yet, but its something I’ve been working on recently. I came up with a few ideas but still running tests on another theme. As soon as I have it ready, it will be applied to all of my themes as an update.
I don’t currently know of a way to disable mobile view. I know it exists, I just haven’t seen it done yet with Genesis themes.
Ok thanks. Yes my link is www. Legitimatepaidsurveyscritic.com I put my sign up banner in the text widget.
Ok, now I see why. You are using the image as a “background-image” in your css, and I don’t know if its possible to make a background-image responsive. All of the images that you see that resize and are responsive are embedded in the code in one way or the other.
For example, you can make that same image responsive by adding it into your code this way –
<img src="http://www.legitimatepaidsurveyscritic.com/wp-content/uploads/2012/03/generate-box.png">
However, the issue with doing it that way, is that it will be difficult to keep the elements inside (like the forms) to stay in place.
The best solution in my opinion is to set it up exactly like how they have it in the Generate theme by StudioPress…..(I’m assuming you already have it since you have the image). If you look at the Generate theme http://demo.studiopress.com/generate/, you’ll notice the image is in separate parts, and as you resize your browser some of those parts remove and are replaced with images that can repeat (giving the appearance that they are resizing). So if I were you I would do it the exact same way.
Let me know if this makes sense.
Hi Wes. Thanks for your reply. No I actually don’t have the Generate theme, that sign up box is a free graphic on the Studiopress site. Since figuring all this out may take awhile, is there an easy way I can make my site ‘unresponsive’ and viewable regularly until I figure it out?
Yes its pretty easy. To remove the responsive features of your site you can comment out or delete the responsive css section at the bottom of your style.css file. It starts on line 2922 and goes all the way to the end of the file. I would recommend commenting it out. If you don’t know how to comment out just let me know.
Hi Wes, thanks for the reply. How do I know what line is 2922? When I look at the code in WP, the lines are not numbered. Is this how you comment out?
/*everything in between these are commented out*/
I use a separate program when I edit my files and they are automatically updated through FTP. On a mac I use Espresso, there is Coda, Text Wrangler and a few others. For windows I would use Notepad++.
You could just copy the code from your style.css and place it into an editor and find the line numbers that way.
Yes thats the correct way to comment out.
Hi Wes. I commented the responsive code out and now my site is not showing correctly on my iphone. The whole right side is being cut off. Any suggestions? Thanks
You could change “max-width” to “width” on the “#inner” id. Should be on or around line 587 in your style.css file. Although I can’t really make any promises that it will look right since you removed the responsive code which was needed for it to fit mobile browsers of that size.
I don’t have an iPhone in front of me, so I have no idea what it looks like without the responsive code. If the menu is cutoff, you could also try adding a width to the “.head-wrap” in your style.css file on or around line 195.
.head-wrap {
background: #4c5e6b;
width: 960px;
}
Hey Wes, that actually didn’t work. Oh crud. Guess I will have to figure something else out.
Ok, whenever I get some free time I’ll take a look at the Generate theme and see how the form is setup so you can keep the responsive code.
Thanks Wes, that would be awesome! In the meantime, I would like to use the slider, so I stuck it in the slider widget, but when I look at it on my iphone, it does not resize. More than half of the slider is cut off. How exactly do you have he demo site set up? Is there an Optimal tutorial I missed? Sorry if I did.
Im using the new Genesis Responsive Slider – http://wordpress.org/extend/plugins/genesis-responsive-slider/
ooooh….ok cool. thanks!