Stange behaviour in theme preview

  • Resolved Benmjt

    (@benmjt)


    8 years, 8 months ago

    I’ve just updated one of my sites to 4.2.4 and the theme preview is acting very strangely, if I hide the sidebar/panel and reduce the size of the window to 640px the sidebar reappears and the browser window is now blank.

    This can be somewhat worked around by having the side bar open while you resize, but that means the behaviour in the main window is now inaccurate i.e. media queries do not kick in at the correct widths as browser still thinks the page is wider (thanks to the space taken up by the sidebar)

    As such, the ability to properly test a theme is borked.

    Anyone else experiencing this or know how to fix it?

    Here’s a screenshot of the sidebar re-appearing at 640px with the browser window going blank.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Benmjt

    (@benmjt)

    8 years, 8 months ago

    Anyone?

    Thread Starter Benmjt

    (@benmjt)

    8 years, 8 months ago

    Ok, i’ve actually managed to fix this. Here’s what I did in case anyone else experiences this problem — Essentially you need to edit the CSS controlling the theme preview sidebar.

    To do this go into ‘wp-admin/css’ and look for ‘customize-controls.css’ — There will be, what looks like, 4 different versions. No idea what they all are, but open each and comment out the very last media query in each file, which kicks in below 640px. Two are minified so are a little trickier to find.

    You probably only need to do one, but I just did a blanket commenting-out on all 4 just to be sure. Now the sidebar will no longer jump out and hide the content below 640px.

    Hope this helps someone.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Stange behaviour in theme preview’ is closed to new replies.

Tags