Sidebar Not Displaying Correctly in Safari

  • Resolved yogirlh

    (@yogirlh)


    9 years, 8 months ago

    I am a CSS/coding novice that recently created a website by making a Child Theme of Twenty Thirteen: https://www.sharonhinck.com.

    I’m having layout display problems on non-PC devices; the right sidebar/widget area is displaying on top of the main content area. (The “free e-book – click here” widget should be to the right of the text, not on top.)

    The site layout is perfect when browsing using Windows Firefox, IE and Chrome (though in Chrome, the color is not correct in the button on the Contact page). The layout is also correct in both landscape and portrait modes on my Samsung Galaxy Note.

    Display problems appear consistently on Safari and for some Apple Chrome users, though I can’t replicate this issue on my old MacBook.

    On my Kindle Fire, the portrait display works but not the landscape.

    I suspect this is a screen size issue, am I correct? Can anyone help?

    Thanks!

    Heidi

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

  • maybe there is something specific about iphone and responsive but did you check the sidebar with the default theme and no mods / plugins to be sure ?

    Thread Starter yogirlh

    (@yogirlh)

    This was a big help, @dim, thank you!

    Now I think that I’ve gotten to the problem, but I don’t know how to fix it.

    When I apply the default theme, my “Secondary Widget” content moves to the “Main Widget” container. When I move it to back to the “Secondary Widget” container where I want it, the content displays correctly in Safari. When I reactivate my Child Theme, however, the content in my Secondary Widget area is deleted.

    Any ideas?

    i checked your site with an addon ‘html validator’ for ff, it checks your html for open tags for example and it finds one near the ‘entry-content’ soooo i think you can check that as well.

    Thread Starter yogirlh

    (@yogirlh)

    Thanks again, @dim, I appreciate your help. ??

    did u fix it?

    Thread Starter yogirlh

    (@yogirlh)

    I did. It ended up being a mistake with one of my declarations:

    I removed:
    “width: 300px” from the “.site-main .widget-area”

    And:
    “float: center” which I learned wasn’t valid

    That fixed everything, thank you for your help, I appreciated it!

    super!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Sidebar Not Displaying Correctly in Safari’ is closed to new replies.