white margin on mobile safari & chrome

  • Florian Bansac

    (@floarchi)


    10 years, 6 months ago

    Hi,

    I have a new install of WP 3.6.1 (French version) using the Twenty Thirteen theme.
    I encounter a problem that I have been unable to find a solution to since yesterday, very annoying yet it seems undocumented in Google / WP.

    When I visit my site with Webkit browsers (Safari and Chrome), there is a ~20px wide white space (or margin) created at the right of the whole website. The problem does not appear in Firefox.

    On desktop, this makes Chrome create a horizontal sidebar when the browser’s window is narrower than 1130px, everything is fine for larger windows.
    On iPhone (Safari and Chrome), there is just a useless white margin on the right, which takes quite a lot of space on a small screen.

    You can see it live at my website: http://www.architecte-maisons.fr/

    Note that I haven’t made any change to WP or the template and that all extensions are off.

    Thanks for your help!

    —
    Note that I come here after posting this on the main forum without much help.
    http://wordpress.org/support/topic/theme-twenty-thirteen-white-margin-in-small-screens
    Following Krishna’s comment there, I tried desinstalling and reinstalling WP, desinstalling and reinstalling twenty thirteen… didn’t work.

Viewing 1 replies (of 1 total)
  • Thread Starter Florian Bansac

    (@floarchi)

    10 years, 6 months ago

    After some more testing, I found that it seems that the problems comes from the JS searchbox in the main navigation:

    -when the search box is open, the margin disappears both on chrome for desktop and chrome & safari mobile on iPhone, and everuthing looks good – all screens all browsers full width, no horizontal scrollbar

    -as soon as the search box is collapsed again, the margin/white space reappears on the right on mobile and the horizontal scrollbar on chrome desktop is back.

    Would anyone more knowledgeable in JS that could happen to pass by here tell me how to correct this, if possible?

    Much appreciated!

Viewing 1 replies (of 1 total)
  • The topic ‘white margin on mobile safari & chrome’ is closed to new replies.