lightsabersetc
Forum Replies Created
-
Forum: Themes and Templates
In reply to: [raindrops] Header image starts cropped, then resizesUnfortunately I do not have the option to use anything other than a fluid layout, so I will have to figure out a fix. As a temporary solution, I was able to stop the cropping with the below CSS
#header-imager{ height:366px; }
Although this is not ideal because the header starts big on mobile, then shrinks. I’ll drop a line back here when/if I am able to resolve this.Thanks for your help and theme!
Forum: Themes and Templates
In reply to: [raindrops] Header image starts cropped, then resizesNo good, I’m seeing the same issue. An interesting side effect here was that my nav bar expanded to 565px, leaving a lot of blank space below it. Also the footer bar disappeared, with the text being printed right below the nav.
After looking, your test site at http://www.tenman.info/wp3/previewraindrops/ also experiences this issue. Best way to replicate is to open a private browser window and load the page. There will be a split second after the header image has loaded, but before the document.ready() fires, where the header will be cropped. I’ve been screwing around with this on my end too, but it’s been so long since I’ve worked in PHP that I’m pretty much just plunking around :/
Forum: Themes and Templates
In reply to: [raindrops] Header image starts cropped, then resizesHi nobita,
Thank you for your reply. I added the code to the beginning of my functions.php file, but it had no effect.
I think part of the issue here is the document.ready() function being deferred until after all of my images load. The header image seems to start as a cropped version, then the container is resized using JS once the page has loaded using
raindrops_resizes().. the reason for the original cropping is completely eluding me though, particularly because only the height property of the image element is being manipulated.Below are the computer styles for the header while the page is loading:
[Moderated. If necessary, please use pastebin.]
Note how the height changes from 143px to 366.234375px