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.

Header image misaligned

Resolved 7 replies premiumthemetheme-vantage
MJ
10 years ago · Last reply by Andrew Misplon 10 years ago

Hi, wondering if you could help with an image problem in the header.

See image link:

http://imsone.com.v3.cloudsites.gearhost.com/nationsrun/wp-content/uploads/2015/11/1.png

This is happening with an image inserted into the visual editor widget which is placed within the header. I have two sites set up the same way where the far right image in the visual editor from the logo drops below the menu when the page loads. A refresh of the page brings it in to place, but viewers are seeing the misplaced image on first visit.

Thanks!

URL: http://imsone.com.v3.cloudsites.gearhost.com/nationsrun/wp-content/uploads/2015/11/1.png

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

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 10 years, 3 months ago

    Hi M

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. MJ 10 years, 3 months ago

    Yes, here it is – http://www.colormescarletandgray5k.com/

  3. Andrew Misplon Staff 10 years, 3 months ago

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    /* Header Sidebar Padding */
header#masthead .hgroup #header-sidebar[style] {
padding-top: 89px !important;
padding-top: 89px !important;
}

    Adjust as required.

    Thanks :)

  4. MJ 10 years, 3 months ago

    Thanks Andrew. I tried that, but it still loaded below the menu. I’m trying a different file format to see if that makes a difference. I had a transparent background png so I’m using a jpg with a background. I custom sized to fit at 501 pixels wide. If you have any other suggestions on image size, CSS or something about page builder I’m open to trying it.

  5. Andrew Misplon Staff 10 years, 3 months ago

    Let’s try instead:

    header#masthead .hgroup #header-sidebar[style] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
  6. MJ 10 years, 3 months ago

    Thanks! looks to have solved it.

  7. Andrew Misplon Staff 10 years, 3 months ago

    Super :) Glad to hear that helped.

    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