Columns not responsive on WordPress 3.5

Homepage Community Forums Legacy Theme Support Columns not responsive on WordPress 3.5

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2258
    dallasdesigns
    Customer

      Hi,

      I just bought the Legacy theme and I am excited to set up a website with it. However on the demo site the columns are responsive and move down when the screen gets smaller. I installed WordPress 3.5 and my columns are not responsive, they just get thinner. I have a 3 column set-up on the page and the site does not do what the demo site shows. Will this be updated soon?

      -Aida

      #2264
      Eric
      Customer

        The columns are supposed to get thinner in order to adjust with the browser size.  The WordPress version doesn’t have anything to do with it, if there is an issue its just the css that would need to be adjusted.

        The columns in your theme should appear the same as the demo.  Do you have a link so I can take a quick look?


        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        #3967
        galuisy
        Customer

          I’m having the same issue with Legacy’s columns not snapping down on mobile devices.  Has this been looked into any further?

          #3975
          Eric
          Customer

            As mentioned earlier, you’ll need to provide a link so we can actually see what your issue is.

            The Legacy demo, and my local install shows no issues and is working properly. If you site is showing something different then we have to see a link in order to know what your issue is.


            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

            #3978
            galuisy
            Customer

              Here’s a link to a sample page:

              http://toolesinspections.com/column-test/

              #4000
              Eric
              Customer

                Your columns are showing up the way they are supposed to. Do you want it to appear differently?

                For example, lets assume you want them to be at 100% width instead of 48% when viewed on a mobile/phone sized browser…..You could add some code like this to your responsive section –

                `.one-half,
                .three-sixths,
                .two-fourths {
                padding: 0;
                width: 100%;
                }`

                Just add this to the iPhone 480px responsive section at the bottom of your css file under this –

                `/* iPhones (portrait and landscape) ———– */

                @media only screen and (max-width: 480px) {`

                I’m only assuming this is what you’re referring to, if I’m wrong please let me know exactly what you’re looking for.


                I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                #4006
                scooby
                Customer

                  Awesome!  I like the way this looks.  I notice that the Epik theme does this automatically.

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