I was able to overlay a logo on the fullscreen slider using this ticket…
https://kriesi.at/support/topic/overlay-responsive-image-on-fullscreen-slider/
… on another site I’m building. I would also like to add a button to the top right (opposite the logo) and wondered if this was possible?
Also, is there anyway to identify that the user is coming from mobile and if so, freeze the slider on the first image (or present them with a static image somehow)?
Thanks!
Hi lzevon!
please use different tickets for different questions.
You can try to use a header widget for your button: kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
You can try to build two different sliders and display only on of it depending on screen size. Use media queries for it: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Regards,
Andy
Hi Andy,
OK, then let’s just deal with the button in the top right. I’m hiding the header (default logo, footer and socket as well) as you can see and using .avia-fullscreen-slider:after to introduce the logo I want to use on this page. So adding a widget to the header wouldn’t work since I’m not showing the header.
I’ll open a ticket for the other question, but to be clear, I wasn’t asking how to show the same slider on different devices – I want to show a single static image.
Thanks!
Hi!
no, I don’t think it could be possible easily, as you are already using a background image in this code.
Best regards,
Andy