Hi Karolina, thanks for providing the link.
I took a look at the source code and CSS stylesheets on your site, here is how your theme is setup:
- #nav
- #warp
- #header
- #inner
- #content
- #sidebar
- #footer
First you have a #nav div, then below a #wrap div. Inside the #wrap you have the #header, an #inner div and #footer div.
This is important because, in order to make the #header extent to the width of 1440px, the #wrap that surrounds it needs to be extended as well. Right now its set to 1050px, you will need to change it to 1440px.
However once you make the change to the #wrap, its going to cause problems with some of the other elements, in particular the #content and #sidebar, whose widths are set to equal 1000px (#content 750px + #sidebar 250px). So you will need to change the widths of these elements also, so that they equal 1440px or a little less, depending on the margin and padding that is already in place.
Here is what I would do:
I would start by either creating a child theme or making a backup copy of your style.css – that way you can make your edits without harming any of your themes code.
Then I would modify the width of the #wrap, #header, #inner and #footer to 1440px.
Then finally modify the width of #content to 970px and the width of #sidebar to 400px.
Like so:
#wrap,
#header,
#inner,
#footer {
width:1440px;
}
#content {
width:970px;
}
#sidebar {
width:400px;
}
Hope that helps ??
