https://www.atocontent.com/directors/ has three rows previewing the profiles of three people. On desktop, the rows scale to full height. On all mobile phones I've checked, it does the same. However, on vertical tablet (iPad), I get a ton of white space at the bottom of each row. (See attachment)
I don't see any settings that would be causing this. What do you see?
Try increasing the padding using a media query for the Ipad .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Tried, but didn't change anything. (see attachment)
Instead, I've disabled this selection on mobile: Disable On Mobile - Check this to disable the page full screen rows when viewing on a mobile device. (see attachment)
But still on screens like iPad Pro, the column backgrounds pictures don't cover the entire column even though the appropriate selection is checked for the bg photo. (see attachment)
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.
Almost fixed. After clearing my caches I still have the issue of bg img not scaling to full column height on iPad Pro resolution. Thoughts? (see attachment)
Side question: where in the navivation settings do I need to upload a light version of my logo so that it is visible on dark mobile navbar? (see attachment)
https://www.atocontent.com/directors/ has three rows previewing the profiles of three people. On desktop, the rows scale to full height. On all mobile phones I've checked, it does the same. However, on vertical tablet (iPad), I get a ton of white space at the bottom of each row. (See attachment)
I don't see any settings that would be causing this. What do you see?
Hey Again,
Try increasing the padding using a media query for the Ipad .
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px) { .wpb_row .span_12 > .col.padding-8-percent[data-padding-pos="all"], .column-inner.padding-8-percent[data-padding-pos="all"], .wpb_row .span_12 > .col.padding-9-percent[data-padding-pos="all"], .column-inner.padding-9-percent[data-padding-pos="all"], .wpb_row .span_12 > .col.padding-10-percent[data-padding-pos="all"], .column-inner.padding-10-percent[data-padding-pos="all"] { padding: 21% !important; } }Thanks
ThemeNectar Support Team
Tried, but didn't change anything. (see attachment)
Instead, I've disabled this selection on mobile: Disable On Mobile - Check this to disable the page full screen rows when viewing on a mobile device. (see attachment)
But still on screens like iPad Pro, the column backgrounds pictures don't cover the entire column even though the appropriate selection is checked for the bg photo. (see attachment)
Any ideas on what's going wrong?
Hey Again,
I can still see it turned on for Mobile ?.
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
Hey Again,
Seems to have been a caching issue . Now the Disable Fullscreen on Mobile is working correctly.
Be.st
ThemeNectar Support Team
Almost fixed. After clearing my caches I still have the issue of bg img not scaling to full column height on iPad Pro resolution. Thoughts? (see attachment)
Side question: where in the navivation settings do I need to upload a light version of my logo so that it is visible on dark mobile navbar? (see attachment)
Thanks!!
Hey Again,
-The only way is to increase the padding on both columns from 10% to higher.
-Please have a look at this Article :Header Logo Not Showing | Cant Change Demo Logo.
Best
ThemeNectar Support Team