Gap on right of homepage when viewed on mobile

  • Resolved moonunderground

    (@moonunderground)


    8 years, 8 months ago

    There’s a large amount of extra space on the right of my homepage ( https://www.themoonunderground.com/ ) when viewed on mobile platforms. I’ve tried the fixes found on similar threads but they had no effect. The person that made my site modified the theme directly so sadly I can’t just update to a new version of TwentyEleven.

    Any help finding what’s causing the extra space would be greatly appreciated.

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

  • Hi moonunderground,

    In your themes style.css, look for this section:

    @media (max-width: 800px) {

/* Simplify the basic layout */
#main #content {
	margin: 0 7.6%;
	width: auto;
}

    and update the #main #content css with this:

    #main #content {
  margin: 0 0 0 30px;
  width: 105%;
}

    That should do the trick ??

    Cheers,
    Chris

    Thread Starter moonunderground

    (@moonunderground)

    That seems to have done it,

    Thanks very much Chris

    Glad to hear it ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Gap on right of homepage when viewed on mobile’ is closed to new replies.