Twenty Eleven
[resolved] iPhone Formatting Issue (3 posts)

  1. BJBusch84
    Posted 4 years ago #

    Hey guys, I'm guessing this is probably a quick fix but I've been playing trial and error for awhile now and just can't figure it out. The formatting looks fine on a computer, the problem only arises on an iOS device. I was playing with the code to make the pages that are linked on the right have the same format as the main page. I had thought I'd done it properly but now when you click on any of the page links on the right via an iOS device, you'll see that the text runs over the buttons in the sidebar. Do you have any idea of what to adjust to make the pages have the same format as the main page, but to also stop the content from running over into the sidebar on an iOS device? Thank you.



  2. Michael
    Forum Moderator
    Posted 4 years ago #

    Twenty Eleven has a section of 'responsive structure' css in style.css which kicks in on narrower screens, which seems to interfere with your sidebar integration styles in single posts.

    if you adapted some styles to make space for the sidebar, then you need to create corresponding styles to overwrite the responsive styles.

    (see also: a different concept of adding the sidebar into single posts in Twenty Eleven;
    and the corresponding way of dealing with sidebar css for hand-help devices)

  3. BJBusch84
    Posted 4 years ago #

    The dealing with sidebar css link saved the day. Thanks again, you're my savior.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic