Please take a look at http://p607708.mittwaldserver.info/.
The logo at the top should left allign with the large picture and the navigation and the three bars should right allign with the large picture. Also, the white space under the large picture should not show.
How can I achieve these demands of my client. I do not want to continue with the site until this problem is solved.
I added this line inside your template already:
#sp-header.header-sticky {
left: 50%;
transform: translateX(-50%);
}Hi,
It's how it looks now.
Do you want to remove container (max-width) from Header?
Share mock-up if you're webmaster you know how it's helpful.
This is the look am trying to get!
Hi. In each section settings, set the width of the container to 1320.
(Min width of your image also should be 1320px)
My suggestion is to add this custom CSS
#sp-header {
box-shadow: none;
max-width: 1140px;
margin: 0 auto;
}to get
and to align mega menu into right add also this line:
#sp-menu.menu-with-social .sp-megamenu-wrapper
{justify-content: end;}Thanks, it works now when I open the page:
But when I start to scroll down, it changes like this:
How can I get rid of this effect?
Thank you, that worked fine. Thanks for the overall help!
I think instead of all this code for the header width and header-sticky alignment it would be enough just one rule
#sp-header .container {
max-width: 1140px;
}The smaller the code, the better for the performance of the site
And even easier. If the width of the content area for all pages of the site should be 1140px then
.container {
max-width: 1140px;
}