Home>Support>vantage header widget image alignment

vantage header widget image alignment

By Philip Barrington, 9 years ago. Last reply by Andrew Misplon, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi, it is a small issue, but I can’t seem to get to the bottom of it.

Often on first visit to the site the image appears lower than it should. Refreshing the page sorts it out. Clicking on any item in the menu sorts it out. Clicking on the Site Title sorts it out. [f5] sorts it out. [Shift] + [f5] sorts it out.

da da

[Ctrl] + [f5] seems to make the issue reappear.

I have tried the siteorigin editor widget and the siteorigin image widget for the same result. I have also uploaded the image at 100 px, which is the display size.

I was going to have a go at it with the siteorigin css editor, but I don’t know that will do anything, or may mess it up on smaller devices. Any help would be appreciated.

URL: http://stjameskingstreetmusicfoundation.com.au/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Philip

    Thanks for reaching out, please, try the following at Appearance > Custom CSS:

    /* Header Sidebar Padding */

header#masthead .hgroup #header-sidebar[style] {
padding-top: 56.5px !important;
padding-top: 56.5px !important;
}

    Let us know how that goes.

  2. 9 years, 10 months ago Philip Barrington

    Hi Andrew,

    If anything it seems a little flakier, or perhaps no change. Could you please confirm the repeat in the line of code and the siteorigin css editor doesn’t seem to think it is a good idea.

  3. 9 years, 10 months ago Philip Barrington

    Hi Andrew

    I tried this in the end, and it seems to work.

    #masthead .hgroup #header-sidebar {
  padding-top: 10px !important;
}
  4. 9 years, 10 months ago Philip Barrington

    Thank you very much for your help, it really does make a difference.

  5. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Ahh sorry, I re-stated padding-top, so it should have been:

    /* Header Sidebar Padding */

header#masthead .hgroup #header-sidebar[style] {
padding-top: 56.5px !important;
padding-bottom: 56.5px !important;
}

    Your snippet looks great, if that’s working then stick with it.

    Glad we could help; 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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More