• Hello,
    I am using twentythirteen with a child theme for modifications at https://reseaugtn.com (and the English version at gtntix.com).

    They both work fine on my laptop and desktop, and they respond well on my android phone as well.

    When viewing on an iPad (using safari or chrome) the sidebar shifts down to cover the right part of the footer.

    Any ideas on how I can fix this?

    Thank you!

Viewing 15 replies - 1 through 15 (of 17 total)
  • What happens when you use the original, unedited, parent theme?

    Thread Starter tracyrosen

    (@tracyrosen)

    I’ve activated the unedited twentythirteen on reseaugtn.com and it places the sidebar under the content but above the footer.
    I’d like it to remain on the top right.

    Thread Starter tracyrosen

    (@tracyrosen)

    I have also just noticed that the whole theme seems to reside on the left side of the ipad screen (with almost a cm of white space at the right of the screen)…

    it places the sidebar under the content

    That would be the expected behaviour for 2013 on a smaller screen.

    but above the footer.

    So it would seem that there is an issue in your child theme, yes?

    Thread Starter tracyrosen

    (@tracyrosen)

    I suppose. I re-sized the sidebar to 175px but I do not know why this would push it onto the footer.

    Is it not possible to keep the sidebar at the top right? That is where we need it to be.

    Thank you.

    Is it not possible to keep the sidebar at the top right?

    Not if you want the theme to be responsive, no. It’s deliberately designed to push the sidebar to the bottom on smaller screens.

    Thread Starter tracyrosen

    (@tracyrosen)

    Ok. I may be able to work around that… but we would still like it to be 175px when viewed on a full screen. Is there a way to do that and have it behave properly (not cover the footer) on the ipad? It does not do this on my samsung galaxy, it places the sidebar next to the footer widgets, though, not above them.

    Given the amount of work you would have to do to remove all of the responsive features in your child theme, you would probably be better off just using a new, non-responsive, theme.

    Thread Starter tracyrosen

    (@tracyrosen)

    There is no way to make the sidebar narrower when it is on the large screen?

    I do not want to remove all of the responsive features. At this point I do not mind it moving to the bottom of the content when on a smaller screen but I would like the sidebar to remain narrow when in full screen.

    There is no way to make the sidebar narrower when it is on the large screen?

    You can set the sidebar’s width to whatever you like via your child theme’s CSS.

    Thread Starter tracyrosen

    (@tracyrosen)

    I did that. But when the child theme is activated it superimposes the sidebar on top of the footer (hiding some footer content) instead of above it.

    Sounds like you need to do more CSS work on the child theme.

    Thread Starter tracyrosen

    (@tracyrosen)

    Er…That was the reason for the question in my original post: “Any ideas on how to fix this?”

    Completely re-working a child theme is really well beyond the help that can be offered via a forum. All I can suggest for now is that you try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter tracyrosen

    (@tracyrosen)

    Oh. In the past I have received help and support in troubleshooting via the wordpress forums. Has this changed?

    I am not asking someone to ‘completely rework’ a child theme. I am asking for insight into how I might fix this and why, potentially, this may be happening. I obviously made some kind of error in my child theme but do not know what it is.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘TwentyThirteen Sidebar on iPad’ is closed to new replies.