-
AuthorPosts
-
January 26, 2016 at 11:34 am #572027
Hi I have a question regarding the next section arrow from the colorsections. Is it possible to display this arrow also in the Layerslider?
Thanks in Advance
January 27, 2016 at 3:47 am #572543Hey Powtin!
I don’t think the LayerSlider has any options for this. You could try adding your own image as a layer to each slide in the LayerSlider and then adding your own custom animation to it via CSS to make it hover up and down.
Regards,
Elliott- This reply was modified 8 years, 9 months ago by Elliott.
January 30, 2016 at 2:48 pm #575005I used the Colorsection for this now. But the next problem is at hand is it possible to hide a collor section on mobile? Or do you have any suggestions how to solve that the picture is cut off on mobile vertically – horizontally it works fine.
Thanks for your support! It really helps.
January 31, 2016 at 11:30 am #575249Hi!
You can set a custom ID to the section and hide it on mobile with this:
@media only screen and (max-width: 767px) { #my_section{ display: none; } }
Alternatively you can also play around with how the background image is treated in mobile:
@media only screen and (max-width: 767px) { #my_section{ background-size: contain !important; } }
Best regards,
JosueJanuary 31, 2016 at 4:51 pm #575323Hi,
the second version would be nicer for me! but some how it doesn’t change anything even going down to 250px width.
I also tried this post:
But it still doesn’t show the full width of the picture in upright position on my phone. In horizontal position it works just fine.
Thanks.
KonstantinJanuary 31, 2016 at 6:41 pm #575346Hi,
Can you post the link to your website please?
Try this code also:
@media only screen and (max-width: 767px) { #my_section{ background-size: 100% 100% !important; } }
Regards,
JosueJanuary 31, 2016 at 9:08 pm #575423Hi Josue,
sadly it’s not working for me. I also emptied my cache on my mobile phone and tried reloading a couple of times. If you want I can also provide a temporary admin login.
Thanks for your support.
February 3, 2016 at 5:26 am #576869Hey!
The css code is actually working but it distorted the image. You can try this instead:
@media only screen and (max-width: 767px) { #top_section { background-size: cover !important; background-position: 80% 50% !important; } }
This will change the background position of the image. You might want to remove the text in the image and then use the slider’s caption settings. Please hard refresh before checking the page.
Regards,
IsmaelFebruary 8, 2016 at 9:18 pm #579900Hi,
still not working. Actually I can’t see any changes.
Thanks.
February 11, 2016 at 1:02 pm #581591Hey!
clear browser cache and hard refresh a few times. Are you using any caching plugin? Check on another computer as well. You should see the changes.
Best regards,
AndyJuly 6, 2016 at 10:01 am #657357Just to close this topic. Worked somthing else out. Using Colorsection with background image.
Thanks for your support quiet a while ago.
-
AuthorPosts
- The topic ‘Display next section arrow in Layerslider’ is closed to new replies.