Home › Community Forums › Legacy Theme Support › Columns not responsive on WordPress 3.5
Tagged: columns, responsive, wordpress
- This topic has 6 replies, 4 voices, and was last updated 9 years, 9 months ago by
scooby.
-
AuthorPosts
-
January 2, 2013 at 8:14 pm #2258
dallasdesigns
CustomerHi,
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
January 3, 2013 at 11:31 am #2264Eric
CustomerThe 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
April 18, 2013 at 11:05 am #3967galuisy
CustomerI’m having the same issue with Legacy’s columns not snapping down on mobile devices. Has this been looked into any further?
April 18, 2013 at 12:24 pm #3975Eric
CustomerAs 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
April 18, 2013 at 12:29 pm #3978galuisy
CustomerHere’s a link to a sample page:
April 18, 2013 at 11:51 pm #4000Eric
CustomerYour 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
April 19, 2013 at 12:43 am #4006scooby
CustomerAwesome! I like the way this looks. I notice that the Epik theme does this automatically.
-
AuthorPosts
- You must be logged in to reply to this topic.