Need help? Check out our Support site, then


Ipad display does not keep widgets on the side of the blog posts

  1. I am a new wordpress user. We have started a blog using the "untitled" theme and have paid for the custom upgrade. Our blog is spitzersinindia.wordpress.com. We are having problems with our blog looking different on Ipads. We would like the Ipad view to be the same as the view on our computer where the blog posts are on the left and the widgets on the right. Currently, the Ipad view shows the blog posts at the top and all the widgets way at the bottom.

    The theme describes itself as responsive and apparently, this is what the theme deems as the "best possible display" for Ipads but visually and functionally, it works better with the widgets on the side of the blog posts. I have viewed blogs on my Ipad that have the setup up i'm looking for with the widgets to the side, for example here are two: http://dorkdaddy.com and http://rottenindenmark.wordpress.com. I've been told that these two blogs are both using the mobile theme, Minileven.

    Do I need to use Minileven somehow or is there another way to achieve the effect that I want? Like I said, I'm a total rookie at this but I do know how I'd like it to look.

    Thanks for any advice that y'all can give.
    Kate

    The blog I need help with is spitzersinindia.wordpress.com.

  2. This is a little rough, but will give you a start. I added just a touch of padding on the left and right to keep the content/text from being flush up against the edges to make reading easier.

    @media screen and (max-width:965px) {
    #primary {
    width: 73% !important;
    }
    #secondary {
    width: 25% !important;
    float: right;
    }
    .site-main .widget-area {
    clear: none;
    }
    #main, #single-main {
    padding-left: 10px;
    padding-right: 10px;
    }
    }
  3. Thank you so much for taking the time to respond!

    I pasted your programming into the CSS revision box and the result was that the text for the blog bumped in from the edges (which is definitely and improvement) but the text is the same size and the widgets are still at the bottom.

    Any further thoughts?

  4. Hi, give this a try instead. I added a float: left; to the #primary rule and it seems to work.

    @media screen and (max-width:965px) {
    	#primary {
    		width: 73% !important;
    		float: left;
    	}
    
    	#secondary {
    		width: 25% !important;
    		float: right;
    	}
    
    	.site-main .widget-area {
    		clear: none;
    	}
    
    	#main, #single-main {
    		padding-left: 10px;
    		padding-right: 10px;
    	}
    }
  5. That was the missing piece!
    I added a little more padding to each side and that helps as well.
    So awesome to fix this! And from Mumbai. Thank you! Thank you!

    I have one further related question: (maybe this should be a new thread?)
    Is there a way to scale the text down? Particularly the blog text but in general all of it. The text appears about 1.5 to 2 times larger than I 'd like it to be. I should perhaps search the forum for this answer. If you happen to know, let me know.

    This is the first time I've ever used a tech forum. I've learned so much already (mostly about the vastness I know nothing about). Thank you for getting me started.

  6. Are you talking about on the ipad only, or on ipad sized screens/displays/browser widths?

    If yes, You can add the following which will make the text smaller for 1024px and below widths. Adjust as you desire.

    @media screen and (max-width: 1024px) {
    .entry-content {
    font-size: 80%;
    }
    }
  7. I'm having the same problem. Can you use this code for Able Theme? The blog I need help with is: universotokyo.com

    Thanks!

  8. @ universotokyo, Able will require different CSS . Since you are using a different theme than the one discussed in this thread, can I ask you to create a new thread in the CSS forum and I will watch for it and post the solution there. That way this thread won't be confusing for those coming to it in the future. Thanks in advance.

  9. I realized this right after posting this. I'll create a new thread with my inquiry. Thanks a lot.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.