Site logo

Archived topic

Some pages are limited to 1210px

13 replies · Started by Dominik on August 13, 2020

Viewing posts 1–14 of 14

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

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;
    }
}

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 :)

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

Sure :)
.....links deleted

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

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.

THAAAAANK YOU! It works perfect.
:D

Glad to be of help.

damn, we lost the footer :)
everything else is working

Hmm.. can you link me to where i can 'see' the missing footer - if you know what mean :)

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

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

You're welcome

This archived topic is closed to new replies.