Support » Themes and Templates » Settings responsive structure for Ipad Tweny Eleven theme

  • Resolved TimoElshof

    (@timoelshof)


    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;
    }
Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    What happens when you reduce these widths?

    Are you looking for an answer defining a width?

    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.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Settings responsive structure for Ipad Tweny Eleven theme’ is closed to new replies.