Columns don’t appear correctly until slightly changing window size

  • Resolved christineheine

    (@christineheine)


    4 years, 10 months ago

    Once in the site, click the “images” tab to see issue.

    When first loading page, Photonic images from Google Album show as 1 column. Images are blown up and very pixilated. It doesn’t matter what size the widow is at load, the results are the same. But the second you grab the window and change its size, the images pop into their correct places into the correct number of columns.

    I’ve trying changing all the settings in Photonic, and modifying css, but nothing works.

    Any help would be greatly appreciated!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    What is happening here is that you are loading your “Images” tab using JavaScript (you are probably doing so using some feature in your theme, or a different plugin). This concept of “tabbed content” causes conflicts with Photonic, as it prevents the triggering of certain essential JavaScript that Photonic needs to operate. Basically Photonic operates at two levels: back-end PHP (to fetch the images from Google) and front-end JavaScript and CSS (to render the fetched images). The second aspect is getting hit because of how the “Images” tab is loaded.

    You will have to work with the developers of the tabbed content feature to get the “Images” tab loaded only when clicked, and not beforehand. Alternatively, they may be able to resolve this by making a JavaScript call (again, from your theme, or your tabbed content plugin – depending on what you are using) to forcibly resize your window. If they are using jQuery for this, it might be as simple as attaching the following line of code to the click event for that tab:
    $(window).trigger('resize');

Viewing 1 replies (of 1 total)
  • The topic ‘Columns don’t appear correctly until slightly changing window size’ is closed to new replies.