Archived topic
Some pages are limited to 1210px
13 replies · Started by Dominik on August 13, 2020
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 :)
Here we go:https://hk.brandwerk-digital.com/
Aah the close comment is wrong.
I updated the code here
Great – it´s back again.
Thanks for the great support!
You're welcome