Digital experiences for all disciplines
New Landing › How can we help? › Atelier › Slider Continue Button and Full Screen with Sticky Header
New Landing › How can we help? › Atelier › Slider Continue Button and Full Screen with Sticky Header
- This topic has 12 replies, 2 voices, and was last updated 8 years by David Martin – Support.
-
Posted in: Atelier
-
April 12, 2016 at 2:38 pm #260958
Hello,
I’m wondering if you can help with my home page. The page loads with the swift slider full height and a continue button. That button is meant to take you to the next full window-height content are (the two bottles of wine with text in center), but I think due to the presence of the sticky header, the next full window is cut off at the bottom (might be easier for you to look to see what I mean, bit hard to explain). I played around with changing the anchor link for the down arrow but that did not quite get me to the right place. Is there a more elegant solution to this? Thanks, KatieApril 14, 2016 at 10:03 am #261410Hi,
Can you please add a WP login.
Thanks.
April 14, 2016 at 5:01 pm #261541This reply has been marked as private.April 18, 2016 at 10:15 am #262070Hi Katie,
Can you clear your browser cache, take a look at the screencast, this is what I see: http://d.pr/i/1fLQw.
Thanks
May 3, 2016 at 4:14 am #264957Sorry – I never saw this response and now the link you set is broken. This issue persists with my website and I’d love some advice on how to fix it! Thanks!
See screenshot – see how the bottles won’t scoot all the way up because the scroll stops when it hits the sticky header (you can see that behind it is part of my image that you see when you open the home page). Ideally, I’d add a bit of white space above the bottles that would go behind the header so the bottles would be centered top to bottom if that makes sense. But I can’t figure out how to control the scroll to go a bit further….? TIA
Attachments:
You must be logged in to view attached files.May 4, 2016 at 9:47 am #265333Hi,
I have made another: http://d.pr/i/dkzu.
You would need to reduce the bottle image height, which would reduce the Row height to make it do what you describe as I understand.
Thanks.
May 4, 2016 at 3:38 pm #265401OK, yep that screenshot you sent is exactly how I want it to look. I think I am missing something fundamental here.. when I re-size the bottles to be smaller on the back end, the row height does not change; it all still loads the same size on front and the bottles become blurry. What am I missing? To make them show up smaller I had to add empty space right and left on original photos and upload them to Media again. However, even when I do that, my site is not lining up top to bottom the way you show in your screenshot – page still stops right below text (you can see it live now with the “smaller”(wider) bottle pics). Sorry I’m just not getting it but could you walk me through what sizes and settings you used to make it work in your gif film that you sent?? I’m using the Row Setting “Window Height” for that row because otherwise it will not scale properly on different screen sizes. If this was not responsive design I could set it to Content Height and be done but I want it to scale properly on all screen sizes and I think that doesn’t accommodate that. What exactly am I missing here??? TIA!!!
May 5, 2016 at 10:31 am #265564For me it scales down very nicely. What device or screen size are you using?
Thanks.
May 5, 2016 at 11:46 am #265585This reply has been marked as private.May 8, 2016 at 8:09 pm #266023This reply has been marked as private.May 11, 2016 at 11:18 am #266762Hi,
Please test now, this is what I see in the screencast: http://d.pr/i/plTD
I added a horizontal padding % to the Row options.
Thanks.
May 11, 2016 at 11:34 am #266774This reply has been marked as private.May 11, 2016 at 12:02 pm #266787No, problem – please test now.
Thanks.
-
Posted in: Atelier
You must be logged in and have valid license to reply to this topic.