[Twenty Twelve] Problems with header width on tablet

  • Resolved dfranck90

    (@dfranck90)


    11 years, 5 months ago

    I’m working on a twenty twelve child theme. When I look at it on my iPhone it displays correctly, but not on an iPad. It cuts off the right side of the header image and slideshow instead of resizing them. The menu bar also cuts off (which I thought was supposed to simply drop menu items down to the next line when the screen size was reduced).

    I’ve tried deactivating plugins but that didn’t work. Could this have something to do with changing the width of the theme from 960px to 1000px?

    I’d really appreciate any help you could give me.

    Here is a link to my site

    Thanks

Viewing 6 replies - 1 through 6 (of 6 total)

  • When I look at it on my iPhone it displays correctly, but not on an iPad.

    What happens when you use the original parent theme?

    Thread Starter dfranck90

    (@dfranck90)

    It displayed correctly on the parent theme.

    Are the changes in your child theme just CSS ones?

    Thread Starter dfranck90

    (@dfranck90)

    No. I made some structural changes.

    I just tried moving every file in my child theme folder, except the stylesheet, into a separate folder, temporarily. Same problem.

    Thread Starter dfranck90

    (@dfranck90)

    I figured it out. Once I realized that it was a problem in the CSS i started commenting out things I thought it might be.

    Here was the problem

    .site-header{
	padding-top: 0;
	padding-bottom: 0;
	width: 1000px;
	width: 71.42857143rem;

}

    I just changed where it said width to max-width. Stupid mistake. Thanks for your help esmi!

    Glad I could help in a small way. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Twenty Twelve] Problems with header width on tablet’ is closed to new replies.