It’s a Source based site, with a few other 3rd party stacks (BWD, 1LD, Joe Workman). I’ve tried removing the recently added 3rd party stacks, deleted everything and republished a few times but no luck so far. I’m sure it was fine up until recently.
Will look into the font sizing. It uses JW’s auto fit to scale down the last part of the title but looks like I need to check the settings for minimum font size. The containers look like they need a bit of work too!
Yes the pop drop stacks attached to the buttons don’t seem to be working as well as hoped on auto setting for mobile.
I’m not familiar with the JW stack you mention, but can say pop drop is very intelligent in terms of where the popup appears, so my guess is something is pushing the width of the page beyond that of the screen, so pop drops is assuming this extra width is visible, which it isn’t.
What I mean is, some is overflowing the screen width and causing PD to exhibit this issue. The issue isn’t PD itself.
EDIT… Is the stack Fit Text? I’m not too sure what if does, but maybe pull it and just adjust the font size using some CSS, its pretty simple to do.
Its very possible though that this stack like PD is being “broken” by something else on the page, opposed to being the thing breaking the page.
This is the full height fixed background attachment - this happens a lot in safari. Change the background to scroll instead of fixed and the stutter goes away.
The best way to do this if you really want a fixed background is to either put it on the body element or to use a position:fixed div that is placed beind the other content via z-index (i.e. without the other content inside it)
Thank you very much for the explanation @tav, and a solution.
@habitualshaker I see the old thread on background images in Source was back the other day. Did you ever get a chance to look into it further or was there not the demand/need?
@pmjd - there’s been no more requests for it. Rather than incorporating anything into Source I might just look to put a short tutorial together on the Knowledge Base about how to do it (like Tav says) with some custom CSS.
Depends on the approach. It would either just need some CSS or yes - you could use a Coder to create the div that would get fixed behind things. I’ll try and pull something together this weekend if i get a chance.
How are you looking for it it to behave on mobile?
Thanks @habitualshaker, originally had planned to show a different (smaller portrait sized image) image on mobile, the sizing was never quite right for the image on mobile if I tried to use the same image as desktop.
@tav thank you will try and get that setup in the meantime
Just put the section on the page (not inside something else) add an advanced position child set to position fixed, 100% browser height and width and adjust the custom z-index if necessary.