If you click the link and scroll down to the second SERVICES full row (full screen slider) on the mobile device, the swipe left right arrows are positioned behind the slide wording - can we fix this, by re positioning below/either side like the main site? I looked at the options on the page but nothing has worked so far. (screenshot attached).
Best
Ana
Login details are attached to a private message -thanks.
I have tried this before, the slider now works when you click the arrows thanks to your code, but the text cannot really be any smaller or you wont read it easily. Its the arrows either side are in a funny position -similar to screenshot below right side is fine, the left arrow is behind the text and too far over on the mobile.
Hi again - apologies we are in a bit of a hurry to get this site live this week and I have to go away on Thursday - have you had any success with this? The fixes you have suggested still do not work.
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 690px) {
html body .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next i, html body .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next:hover i {
right: 30px!important;
}
html body .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev i, html body .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev:hover i {
left: -15px!important;
}
.swiper-slide .content {
padding: 0 10vw !important;
}
}
Hi this worked and the arrows are beautifully aligned on the mobile. However the slider copy is not centralised no matter what I try to do, there is no option on nectar and if I click edit it is centered, please see attached. Best Ana
Please can you help us with this urgently:
If you click the link and scroll down to the second SERVICES full row (full screen slider) on the mobile device, the swipe left right arrows are positioned behind the slide wording - can we fix this, by re positioning below/either side like the main site? I looked at the options on the page but nothing has worked so far. (screenshot attached).
Best
Ana
Login details are attached to a private message -thanks.
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 690px) { .swiper-slide .content { width: 90% !important; } }Thanks
ThemeNectar Support Team
Hi
Its still behind text and the text now appears to be off center.
Please advise.
Ana
Try adjusting these Mobile overrides :
thnaks
ThemeNectar Support Team
I have tried this before, the slider now works when you click the arrows thanks to your code, but the text cannot really be any smaller or you wont read it easily. Its the arrows either side are in a funny position -similar to screenshot below right side is fine, the left arrow is behind the text and too far over on the mobile.
Thanks again.
Best
Ana
Hi again - apologies we are in a bit of a hurry to get this site live this week and I have to go away on Thursday - have you had any success with this? The fixes you have suggested still do not work.
Thanks
Ana
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 690px) { html body .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next i, html body .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-next:hover i { right: 30px!important; } html body .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev i, html body .nectar-slider-wrap[data-overall_style="directional"] .swiper-container .slider-prev:hover i { left: -15px!important; } .swiper-slide .content { padding: 0 10vw !important; } }Thanks
ThemeNectar Support Team
Hi this worked and the arrows are beautifully aligned on the mobile. However the slider copy is not centralised no matter what I try to do, there is no option on nectar and if I click edit it is centered, please see attached.
Best
Ana
Forgot to tell you to remov this code .
It should work now .
Bes.t
ThemeNectar Support Team
Awesome - thank you very much - looks great!
Ana