WordPress.org

1. TimoElshof
   Member
   Posted 9 months 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 Nevins
   Volunteer Moderator
   Posted 9 months ago #
   

   What happens when you reduce these widths?

   Are you looking for an answer defining a width?

3. TimoElshof
   Member
   Posted 9 months 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 Nevins
   Volunteer Moderator
   Posted 9 months 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 9 months ago #
   

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

Reply

You must log in to post.