Tagged: responsive theme
December 23, 2013 at 2:54 am #80858
I have finally made my new site TheFitBlog.com look decent on the computer and on the iPad’s horizontal view. However, on the standard iPad view, the theme insists on moving the primary sidebar down below the main content. To me, that’s the wrong way of doing a responsive theme. I would much prefer that the sidebar was always visible (unless the screen is very small) and the main content adjust.
Is there any way to change how the responsive function works, so I can still see the sidebar on the iPad?
Thanks a lot!http://thefitblog.comDecember 23, 2013 at 11:23 am #80911
The (max-width: 1023px) media queries control the width of content and sidebar on the vertical iPad, at the moment they are set to 100% width. You will have to modify them.
December 23, 2013 at 3:09 pm #80963
The problem is that when I try to change the width (say to 50%) the content and sidebar will be side-by-side as they should be, but the sidebar will take up all the space. I have set the sidebar width to 250px everywhere I can find it, but it keeps jumping back up to 360px when viewed on the iPad. I think I may need some way to always set the sidebar to always be 250px (that will make the site unwatchable on a mobile phone I think but I don’t really care about that). Can you help me?December 23, 2013 at 5:20 pm #80981
The media queries for the sidebar and content and still set to 100% width. So if you DO NOT want them to go to 100% width, you need to delete those 2 tags from your (max-width 1023px), they will then use the preceding rule, which is probably 250px width for the sidebar and 630px for the content. Then you can add them back to the @media only screen and (max-width: 768px) as 100% width.
Let me know how you get on.
December 23, 2013 at 6:10 pm #80987
When I just delete the 100% width, the sidebar stays at 250px as it’s supposed to. However, it still moves down below the main content because the main content doesn’t adjust in size to allow for the sidebar. I am not sure what you mean by “adding them back in”?
As you can probably tell, I know nothing about coding, so any detailed help you can give is super appreciated :-). I am just mucking about trying to make it look decent. I should probably have gotten a theme that wasn’t responsive…December 23, 2013 at 6:21 pm #80988
You must be logged in to reply to this topic.