StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Gallery cut off on Mac in Safari

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › General Discussion › Gallery cut off on Mac in Safari

This topic is: resolved
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 11, 2016 at 10:39 am #181219
    ZeroGravity
    Member

    I don't know if this issue is coming from WordPress, Genesis, FooGallery or Safari but it has us totally baffled. Seems like it is CSS somewhere.

    Using Safari on a Mac when the home page loads the Gallery is cut of midway by the DIV below it. If you refresh the page it loads properly. Navigate to another page and come back to the home page and the Gallery is cut off again. Refresh and the page loads properly.

    Does anyone have any thoughts or suggestions as to what may be causing this?
    http://www.stickrockoutfitters.com/

    WordPress 4.4.2
    Genesis: Altitude theme
    FooGallery used for gallery

    Many Thanks!

    Darren Burns
    Zero Gravity Web Works

    http://www.stickrockoutfitters.com/
    March 14, 2016 at 12:02 pm #181425
    ZeroGravity
    Member

    Just noticed this is also happening with chrome on a PC. Also noticed that if you resize the browser window (even if it doesn't affect the site-container width) the front-page-1 div expands to contain the content.

    Getting desperate on this if you don't know why this may be happening but have a suggestion where we should start looking that would be a great help.

    CSS? Javascript?

    Many Thanks!

    Darren Burns
    Zero Gravity Web Works

    March 14, 2016 at 11:11 pm #181444
    ZeroGravity
    Member

    I think I have narrowed this down to home.js setting the height of the image-section divs before the foogallery has finished loading in the mentioned browsers. I don't really know a lot of jquery but have tried triggering the window resize event after the page has loaded (via the
    Page-specific Scripts). I also tried applying a setTimeout to the window resize function in home.js. Neither of these seem to work.

    Can anyone offer a suggestion for how/when to trigger a window resize event and if this is the correct way to go about it. Assuming this is what is creating the error.

    Thanks!

    Darren Burns
    Zero Gravity Web Works

    March 15, 2016 at 12:00 am #181445
    ZeroGravity
    Member

    There was a CSS fix provided by he FooGallery developer.
    https://wordpress.org/support/topic/gallery-cut-off-in-chrome-and-on-mac-in-safari?replies=3

    Darren Burns
    Zero Gravity Web Works

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Gallery cut off on Mac in Safari’ is closed to new replies.