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
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.
Yes, here it is – http://www.colormescarletandgray5k.com/
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 :)
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.
Let’s try instead:
header#masthead .hgroup #header-sidebar[style] { padding-top: 0 !important; padding-bottom: 0 !important; }Thanks! looks to have solved it.
Super :) Glad to hear that helped.
All the best.