Eleven40 iPad portrait view

Community Forums Forums Design Tips and Tricks Eleven40 iPad portrait view

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  tornado 1 year, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #59955

    tornado
    Participant
    Post count: 35

    Hi.

    In iPad portrait view, the text associated with each featured image is pushed to the right of the image and displays in one long column, which looks ugly and creates lots of white space. I want the text to flow nicely underneath the featured images.

    Any ideas?

    G

    http://sheffieldkids.co.uk/
    #60046

    AC
    Blocked
    Post count: 7712

    What are the dimensions of your iPad (both portrait and landscape)?

    #60059

    tornado
    Participant
    Post count: 35

    Hi anitac.

    To be honest, I have no idea.

    My style.css code referencing the Responsive code is:

    /* Responsive Design
    ------------------------------------------------------------ */
    @media only screen and (max-width: 1200px) {
    	.wrap {
    		max-width: 960px;
    	}
    	.content-sidebar-wrap {
    		width: 770px;
    	}
    	.content {
    		width: 400px;
    	}
    	.content-sidebar .content,
    	.sidebar-content .content {
    		width: 630px;
    	}
    	.content-sidebar-sidebar .content,
    	.sidebar-sidebar-content .content {
    		width: 440px;
    	}
    	
    	.full-width-content .content {
    		width: 100%;
    	}
    	
    	.genesis-grid-even,
    	.genesis-grid-odd {
    		float: left;
    		margin: 0 0 30px;
    		padding: 0;
    		width: 100%;
    	}
    	
    	.five-sixths,
    	.four-fifths,
    	.four-sixths,
    	.one-fifth,
    	.one-fourth,
    	.one-half,
    	.one-sixth,
    	.one-third,
    	.three-fifths,
    	.three-fourths,
    	.three-sixths,
    	.two-fifths,
    	.two-fourths,
    	.two-sixths,
    	.two-thirds {
    		padding: 0;
    		width: 100%;
    	}
    	
    	.footer-widgets-1 {
    		width: 290px;
    	}
    	.footer-widgets-2 {
    		width: 300px;
    	}
    	.footer-widgets-3 {
    		width: 290px;
    	}
    }
    @media only screen and (max-width: 800px) {
    	body {
    		width: 100%;
    		margin: 0 auto;
    	}
    

    I notice this issue doesn’t happen on the Eleven40 Pro theme, but I know that’s a different kettle of fish.

    G

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.