CODEWITHSUNDEEP
javascripthtmlcsswidthgallery
Sam DG
Sam DG

Reputation: 79

How to make gallery full width?

I'm trying to make an image gallery full-width at whatever resolution.

Strangely, it's only when I click on the maximize button button on the browser window, the gallery goes full screen. So far I haven't been able to figure out the issue.

Here's the demo link ~

http://constantcontrast.com/demo/

Upvotes: 0

Views: 119

Answers (1)

Dave Chen
Dave Chen

Reputation: 10975

Try this:

Find boxlayout.js, open it up and locate lines 54-57. It should look something like:

if( !$section.data( 'open' ) ) {
    $section.data( 'open', true ).addClass( 'bl-expand bl-expand-top' );
    $el.addClass( 'bl-expand-item' );   
}

At the end of that, add:

setTimeout(
    function() {
        $( window ).trigger( 'resize' );
    },
    500
);

So it should look like:

if( !$section.data( 'open' ) ) {
    $section.data( 'open', true ).addClass( 'bl-expand bl-expand-top' );
    $el.addClass( 'bl-expand-item' );   
}
setTimeout(
    function() {
        $( window ).trigger( 'resize' );
    },
    500
);

Upvotes: 1

Related Questions