Responsiveness questions

Homepage Community Forums Optimal Theme Support Responsiveness questions

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #584
    aprilm
    Customer

      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!

      #585
      Wes
      Moderator

        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.

        #586
        aprilm
        Customer

          Ok thanks. Yes my link is www. Legitimatepaidsurveyscritic.com I put my sign up banner in the text widget.

          #587
          Wes
          Moderator

            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.

            #588
            aprilm
            Customer

              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?

              #589
              Wes
              Moderator

                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.

                #591
                aprilm
                Customer

                  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*/

                  #593
                  Wes
                  Moderator

                    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.

                    #595
                    aprilm
                    Customer

                      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

                      #596
                      Wes
                      Moderator

                        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.

                        #597
                        Wes
                        Moderator

                          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;
                          }
                          
                          #598
                          aprilm
                          Customer

                            Hey Wes, that actually didn’t work. Oh crud. Guess I will have to figure something else out.

                            #600
                            Wes
                            Moderator

                              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.

                              #601
                              aprilm
                              Customer

                                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.

                                #602
                                Wes
                                Moderator

                                  Im using the new Genesis Responsive Slider – http://wordpress.org/extend/plugins/genesis-responsive-slider/

                                  #603
                                  aprilm
                                  Customer

                                    ooooh….ok cool. thanks!

                                  Viewing 16 posts - 1 through 16 (of 16 total)
                                  • You must be logged in to reply to this topic.