Ipad doesn't show widgets on the right

  • Unknown's avatar
    universotokyo · Member ·

    I recently changed to Able theme and I’m customizing my CSS. My widgets are on the right sidebar but will show at the bottom of the page when the blog is checked on an ipad. Can you help me with this? Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hfzrhmn · Member ·

    Hi, there. Basically the theme was designed to behave that way (put the sidebar on bottom if displayed on smaller-resolution screens, for example on an iPad).

    I suppose this is because if the sidebar is forced to stay on the right side when seen on smaller-screen, that area will get too narrow and hard to read.

    While this might not provide an answer to your request, I hope you now know why that happened.

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, @hfzrhmn is correct, but you can give this a try which overrides some of the CSS and will keep the sidebar on the right down to a browser/device width of 750px, which is well within the 768px width of an iPad in portrait orientation. As @hfzrhmn says, the sidebar gets quite narrow and becomes nearly useless below 750px. At 750px and below, it will go back to the original design with the content on top and the sidebar stuff below.

    @media only screen and ( min-width: 750px ) {
.right-sidebar #primary,
.left-sidebar #primary {
	width: 75% !important;
}
#tertiary {
	width: 23% !important;
}
}
  • Unknown's avatar
    universotokyo · Member ·

    Great, will give it a try. Thanks a lot both of you :)

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Ipad doesn't show widgets on the right’ is closed to new replies.