This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Vantage Premium – Horizontal Scrollbar

Resolved 5 replies premiumthemetheme-vantage
kl13
10 years ago · Last reply by Andrew Misplon 10 years ago

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!

URL: http://brightcreationsart.com/new/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Andrew Misplon Staff 10 years, 4 months ago

    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 :)

  2. kl13 10 years, 4 months ago

    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!

  3. Andrew Misplon Staff 10 years, 4 months ago

    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;
}
  4. kl13 10 years, 4 months ago

    The code worked perfectly – Thanks so much, Andrew!

  5. Andrew Misplon Staff 10 years, 4 months ago

    Super :) Glad that did the trick.

    All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread