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 7 months, 3 weeks ago.

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

    tornado
    Participant
    Post count: 21

    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

    anitac
    Participant
    Post count: 6489

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


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

    #60059

    tornado
    Participant
    Post count: 21

    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.