WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Settings responsive structure for Ipad Tweny Eleven theme (5 posts)

  1. TimoElshof
    Member
    Posted 2 years ago #

    I have managed to align my site http://www.timoelshof.nl correctly for Ipad. Unfortunately, the size is a little too big for Ipad. I have tried to make the site smaller for Ipad with the help of this code but I'm getting stuck:

    /* =Responsive Structure for ipad
    ----------------------------------------------- */
    @media (max-width: 800px) {
    	/* keep the sidebar - this edit is for right sidebar only */
             #page {min-width: 1000px;
             }
    
    .right-sidebar #main #content {
    		margin: 0 29% 0 1%;
    		width: 0%;
    	}
    	.right-sidebar #main #secondary {
    		float: right;
    		margin: 0 2% 0 0%;
    		width: 24%;
             }
    
    body {
    padding: 0;
    }
  2. Andrew
    Forum Moderator
    Posted 2 years ago #

    What happens when you reduce these widths?

    Are you looking for an answer defining a width?

  3. TimoElshof
    Member
    Posted 2 years ago #

    Hello Anevins,

    If I reduce #page {min-width: 1000px; to 800px, the site perfectly fits but the widgets on the right sidebar to not resize.

    If I reduce other widths, nothing happens.

  4. Andrew
    Forum Moderator
    Posted 2 years ago #

    if you reduce the #page width, you'll also have to reduce the other classes' widths you've specified, in relation. (above).

  5. TimoElshof
    Member
    Posted 2 years ago #

    Ok. I just found out that only the size of the contact page (jetpack plugin) is correctly displayed on Ipad. Really strange.

Topic Closed

This topic has been closed to new replies.

About this Topic