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 header widget image alignment

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

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.

Need fast email support? Get SiteOrigin Premium

Replies

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

    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. Philip Barrington 10 years, 5 months ago

    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. Philip Barrington 10 years, 5 months ago

    Hi Andrew

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

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

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

  5. Andrew Misplon Staff 10 years, 5 months ago

    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.

Have a different question or issue?

Start New Thread