I'm having issues figuring out a few things on the Nectar slider. I've gone through all the editing tabs and searched on google/youtube but can't find the solutions:
Desktop - The caption copy is not aligned in the center. It looks slightly off to the left when looking at its alignment with the navigation header, or maybe the nav header is off-centered? If I change the font size of the caption copy, it will make it worse. How to fix? See screenshots:
LGChurch HP Vegas
LGChurch HP couple
Mobile - when the page loads, sometimes the caption copy doesn't present on the slides. When I manually click on the left/right arrows, sometimes the cop will then show up. Sometimes, when I go from portrait to landscape and back to try to see the font, the font and image become way off center together. Screenshots:
LGChurch Mobile HP Couple slider
LGChurch Mobile HP family slider
I have a screenshot of the image and copy going way off center, but couldn't attached any more files.
Mobile and desktop - on desktop, the caption font is larger than the header font, but on mobile the header font is larger than the caption font. See screenshots:
LGChurch HP couple
LGChurch Mobile HP Couple slider
Mobile - the caption font renders much smaller in proportion to the image on mobile and is too small to read. How do I fix that without making it bigger on desktop? I couldn't attach more screenshots to show you.
Is there a way to not have the header copy and caption copy animate in, but rather load at the same time as the images? Would that help with the #2 issue above?
Thank you for directing me to the mobile font size override, that fixed #4. But still having issues with all the others #1, #2, #3, and #5. Please advise, thanks!
1: I am afraid we dont have such fine grain controls available. You can try adding padding to the Slider content using below custom css:
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 (min-width: 1000px) {
.swiper-slide .content p {
padding-left: 10px !important;
}
}
2: A refresh is required to view the page correctly .
3: This custom css is likely causing the issue : http://prntscr.com/gyy0vx . Try using the Salient Theme Options -> Typography Options instead to increase the Font size .
Having the navigation header and caption copy align properly shouldn't be fine grain control but rather a standard feature to work correctly of any layout. Just wondering why it's not working properly?
I do refresh the mobile pages over and over, clear my cache, test on other phones, but still is an issue, and therefore a bug in the program. Would also like it working properly?
Thank you - that fixed it. I read on someone else's ticket thread to use that code to bypass another issue I was having. However, the header and caption font sizes work on desktop but not mobile, they remain the same in mobile. If there another setting for mobile specific?
5. Okay, thanks.
Thank you for your continued help and patience as I figure all this out! :) Please let me know about 1-3 above, thanks.
The alignment issue is due to the custom css . We havent had anyone else report such a issue yet . Please refrain from using custom css provided on the forums or comments as they are specific to that Install.
Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
Hi,
I'm having issues figuring out a few things on the Nectar slider. I've gone through all the editing tabs and searched on google/youtube but can't find the solutions:
Please advise, thanks!
Jennifer
Hey Again,
Have you tried adjusting the Mobile Text Overrides in here : http://prntscr.com/gyswl4 .
Be.st
ThemeNectar Support Team
Hi Tahir,
Thank you for directing me to the mobile font size override, that fixed #4. But still having issues with all the others #1, #2, #3, and #5. Please advise, thanks!
Jennifer
Hey Again,
1: I am afraid we dont have such fine grain controls available. You can try adding padding to the Slider content using below custom css:
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 (min-width: 1000px) { .swiper-slide .content p { padding-left: 10px !important; } }2: A refresh is required to view the page correctly .
3: This custom css is likely causing the issue : http://prntscr.com/gyy0vx . Try using the Salient Theme Options -> Typography Options instead to increase the Font size .
5: I am afraid its not possible .
Bes.t
ThemeNectar Support Team
Hi Tahir,
I have concerns:
5. Okay, thanks.
Thank you for your continued help and patience as I figure all this out! :) Please let me know about 1-3 above, thanks.
Jennifer
Hey Again,
The alignment issue is due to the custom css . We havent had anyone else report such a issue yet . Please refrain from using custom css provided on the forums or comments as they are specific to that Install.
Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.
Thanks
ThemeNectar Support Team