I’m using the boxed view at 1080px, with images of 1080px width for header and footer, but a horizontal scrollbar has appeared. I read one other post here on the forum and tried adding this code in Custom CSS to resize box to smaller still did not eliminate the scrollbar.
/* Vantage Boxed Layout Site Width */
body.responsive #page-wrapper {
max-width: 960px !important;
}
I’ve also changed various padding settings, but am still not getting results.
Thanks for a great theme!
Hi Kl13
The scroll bar is caused by the following rule in Custom CSS;
.site-title { position: relative; top: 5px; left: 300px; }Specifically the left: 300px; declaration. Try removing it and go to Appearance > Customize > General to center the site title instead.
Not related but in Custom CSS you have:
/*Navigation bar width padding*/ .main-navigation { margin: 20 !important; }Margin can’t be unitless so you can remove that entire rule, it’s not doing anything now.
Hope that helps :)
Thanks so much Andrew – removing that site-title code eliminated the horizontal scrollbar.
The reason I added that code initially was because checking “center logo in Appearance > Customize > Theme Design>General didn’t work for me. Checked or unchecked, the title is left aligned. I’ve cleared the cache. Do you know how else I can center the title?
Thanks again!
Sorry to hear that Customizer setting isn’t working. Let’s try the following at Appearance > Custom CSS to hotfix:
/* Site Title */ header#masthead .hgroup h1 { text-align: center; }The code worked perfectly – Thanks so much, Andrew!
Super :) Glad that did the trick.
All the best.