Full Width Content - Resize Options

Hi there,

I believe this is what you are looking for:
https://generatepress.com/forums/topic/gpp-1-9-1-woo-columns/#post-1101238

Let me know :)

Yes, it looks like that can work. I assume I can use an element? I have the premium plugin. Can you point me to another article on doing the setup?

Thanks

The filter will need to be added with one of these options:
https://docs.generatepress.com/article/adding-php/

Got it. I am already using a child theme for a few shortcode functions so I will do that.

Eric.

Sounds good :)

I tried this in my functions.php and it doesn't work.

/**
* Snippet from Generate Press to adjust the media content size
*/
add_filter( 'generate_media_queries', function( $queries ) {
$queries['tablet'] = '(min-width: 1000px) and (max-width: 1010px)';
$queries['mobile'] = '(max-width: 999px)';

return $queries;
} );

I am basically trying to go with the full content spacing as with mobile once it reaches 999px. Tablet and Mobile to have full content view and and drop the columns.

How do you validate if the function is getting called and doing what it is supposed to do?

Thanks

Hi Eric,

So you want the content area to go full width at 1000px, pushing the sidebar down below the content?

If so, try this CSS only:

@media (max-width: 1000px) {
    .sidebar,
    .content-area {
        float: none;
        width: 100%;
        left: 0;
        right: 0;
    }

    .generate-columns {
        width: 100%;
    }
}

Let me know :)

I will give it a try but it's more that the advertisers do not want the sidebar to move down. It can simply go away.

Definitely better. It think it might just work. I will have the advertiser review.

Awesome, let me know! :)

All set. Thanks for the support.

No problem :)