Comments redfortfabrics started the conversationOctober 6, 2017 at 3:37pmHi Theme Nectar, Great Theme, loving it! But I have some difficulties with the text placement on the nectar slider. The bottom text alignment option is selected but the text is not down far enough and collides with the image. I would like to have the text just above the bullet navigation circles, regardless the screen size. With custom CCS I am able to move the text down, but on some screen sizes it just disappears completely. So, is it possible to fix the text at the bottom just above the bullet navigation? Thanks in advance. Ian 9,016Tahir repliedOctober 7, 2017 at 10:24amHey,I am afraid its not possible at the moment though have noted to add this in the upcoming updates. Be.s t ThemeNectar Support Team redfortfabrics repliedOctober 10, 2017 at 9:14amHi Tahir,Tanks for your response, looking forward to the update than.Hope to see it soon.ioiodesign repliedDecember 11, 2017 at 2:05pmI achieved good results by using the following css. Maybe you can play around with the percentage values for your need.@media screen and (orientation: portrait), screen and (orientation: landscape) and (min-width: 680px) { .swiper-slide[data-y-pos="bottom"] .content { margin-top: 10%; }} This second block prevents the disappearing of slider contents with bottom positioning on mobile landscape view, which occurs out of the box.@media screen and (orientation: landscape) and (max-height: 520px) { .swiper-slide[data-y-pos="bottom"] .content { margin-top: -10%; }} Sign in to reply ...
Hi Theme Nectar,
Great Theme, loving it! But I have some difficulties with the text placement on the nectar slider.
The bottom text alignment option is selected but the text is not down far enough and collides with the image.
I would like to have the text just above the bullet navigation circles, regardless the screen size.
With custom CCS I am able to move the text down, but on some screen sizes it just disappears completely.
So, is it possible to fix the text at the bottom just above the bullet navigation?
Thanks in advance.
Ian
Hey,
I am afraid its not possible at the moment though have noted to add this in the upcoming updates.
Be.s t
ThemeNectar Support Team
Hi Tahir,
Tanks for your response, looking forward to the update than.
Hope to see it soon.
I achieved good results by using the following css. Maybe you can play around with the percentage values for your need.
@media screen and (orientation: portrait), screen and (orientation: landscape) and (min-width: 680px) {
.swiper-slide[data-y-pos="bottom"] .content {
margin-top: 10%;
}
}
This second block prevents the disappearing of slider contents with bottom positioning on mobile landscape view, which occurs out of the box.
@media screen and (orientation: landscape) and (max-height: 520px) {
.swiper-slide[data-y-pos="bottom"] .content {
margin-top: -10%;
}
}