Some pages are limited to 1210px

[Manuel]

Hi there,

we have set our container width to 1350px and have seen that some pages like a blog page and a woocommerce single product page are only 1210px width.

Is that for a special reason?
How can I set them also to 1350px?

Thanks and best regards
Dominik

[David]

Hi there,

you have this CSS which as adding 60px margin:

@media (min-width: 1025px) {
    #content, .page-hero{
        margin-left:60px;
    }
    .inside-navigation{
    margin-left:60px;
    }
    .main-navigation > .inside-navigation{
    border-left:1px solid #cccccc;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Manuel]

oooouwww…thanks! didn’t realise that this was the problem.
The designer defined this margin for sides over 1024px as shown on the home site. (for the little arrow on the left).

Would you recommend a better way to add this margin with less problems in further development?

Thanks a lot 🙂

[David]

Can i see a single post or product so i can take a look – your current URL is showing Not Found.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Manuel]

Sure 🙂
…..links deleted

we use some generateblocks in full width (except the 60px) and some in contained width, as shown on xxxxxx

[David]

Try adding this function:

// Add page wrapper
add_action( 'generate_after_header' , function() {
    ?>
    <!-- Page wrapper -->
    <div class="page-wrapper">
    <?php
}, 50 );

add_action( 'generate_before_footer' , function() {
    ?>
    </div>
    <!-- Close page wrapper -->
    <?php
}, 50 );

This will wrap the #page element inside a page-wrapper element.
Then you can apply the margin to page-wrapper class.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Manuel]

THAAAAANK YOU! It works perfect.
😀

[David]

Glad to be of help.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Manuel]

damn, we lost the footer 🙂
everything else is working

[David]

Hmm.. can you link me to where i can ‘see’ the missing footer – if you know what mean 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Manuel]

Here we go:https://hk.brandwerk-digital.com/

[David]

Aah the close comment is wrong.
I updated the code here

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Manuel]

Great – it´s back again.
Thanks for the great support!

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts