Hi @newze,
You should be able to tweak the width of the container by using the following CSS:
.site-content {
width: 1300px;
}
You can add that to the ‘Additional CSS’ section of the customizer. To get there from the dashboard you will want to head into ‘Appearance > Customize > Additional CSS’ and paste the code in there.
Let us know how that works out.
Evan
Thread Starter
newze
(@newze)
Hello Evan,
Thanks so much for your help this works perfectly!
The issue we still have is to make the Primary Menu Fullwidth and centered.
Any help would be greatly appreciated!
Thanks so much for your help!
Greg
Hi Greg,
You can give the following a try to adjust the width of the menu and center it:
.site-header-wrapper,
#site-navigation {
max-width: 1300px;
}
#menu-primary-menu {
display: table;
margin: 0 auto;
}
// Center the hero content
.hero .hero-inner {
margin: 0 auto;
}
Evan