This code doesn't fix it either. I've switched off Parallax which does do the trick but would be good to get a workaround for a parallax image on mobile.
But turning off parallax does not amend the problem, au contraire, it's adding a gap in the browser too!
I could live without a parallax effect, but certainly not with that gap! Your example at http://themenectar.com/demo/salient works perfectly on all platforms. - Evidently there is a solution to the problem.
You can update your theme by downloading a fresh copy from ThemeForest, deleting the current version you have on your server and uploading the new.
It's recommended that you use FTP, but this also can be done with the WP dashboard if you prefer. The reason FTP is superior for this is because the theme won't have to be deactivated during the process so you won't have to reassign your widgets. If you're
interested in keeping up to date with the latest changes and fixes, please refer to the changelog: http://themenectar.com/changelogs/salient.html
Also, remember to clear your browser cache after each update if you notice anything off. Old theme files can persist in your local cache and make you think something's wrong.
Also please see this FAQ: http://themenectar.ticksy.com/faq/2252 .
Then you likely have a jetpack or another mobile plugin activated that is causing the issue. Please try deactivating third party plugins to find the culprit.
Solved. I recreated the page and it's gone now (btw. testing showed the problem wasn't related to the slider).
However, this other problem persists. I haven't mentioned it as I thought it was related, but apparently it isn't. On the iPhone (5, latest Safari) the page can pan to the right showing a header-colored "background". This does not relate to a specific page, it's there all the time. iPad is OK.
Hi
When viewed on mobile, there is a gap above the parallax header image.
Can this be removed?
Thanks, Si
Hey Si!
Add this into the Custom CSS box located in your Salient Options panel:
@media only screen and (max-width: 1000px) { #page-header-bg[data-parallax="0"] { margin-top: -26px!important; } }CheersMany thanks for such a quick response.
It doesn't seem to have solved the issue.
http://80a.b8d.myftpupload.com/services/
If I turn off parallax, the gpa dissapears but as soon as it's on, it comes back.
Any other ideas?
Thanks, Si
Hey Simon!
Try this css instead, the parallax option should not have any effect now:
@media only screen and (max-width: 1000px) { #page-header-bg { margin-top: -26px!important; } }Cheers
ThemeNectar Support Team
Hi
This code doesn't fix it either. I've switched off Parallax which does do the trick but would be good to get a workaround for a parallax image on mobile.
Many thanks as always.
Hey Simon!
The Parallax does not work on mobile . It is a limitation in the script that is being used. We will surely look for a solution in future updates.
Cheers
ThemeNectar Support Team
I'm having basically the same problem (and my name is Simon, too).
I have a giant gap on mobile display between the header and the parallax Nectar Slider, see Phone5 screenshot: https://dl.dropboxusercontent.com/u/43682127/IMG_3...
But turning off parallax does not amend the problem, au contraire, it's adding a gap in the browser too!
I could live without a parallax effect, but certainly not with that gap! Your example at http://themenectar.com/demo/salient works perfectly on all platforms. - Evidently there is a solution to the problem.
My project link: http://test.spinanimation.com/wordpress
Please advise. Thanks in advance!
Hey!
Please update to Salient Theme Version 4.1.1 .
You can update your theme by downloading a fresh copy from ThemeForest, deleting the current version you have on your server and uploading the new.
It's recommended that you use FTP, but this also can be done with the WP dashboard if you prefer. The reason FTP is superior for this is because the theme won't have to be deactivated during the process so you won't have to reassign your widgets. If you're
interested in keeping up to date with the latest changes and fixes, please refer to the changelog: http://themenectar.com/changelogs/salient.html
Also, remember to clear your browser cache after each update if you notice anything off. Old theme files can persist in your local cache and make you think something's wrong.
Also please see this FAQ: http://themenectar.ticksy.com/faq/2252 .
Thanks
ThemeNectar Support Team
I updated, but to no avail; mobile version is still unpresentable.
Please advise.
Hey Simon!
Then you likely have a jetpack or another mobile plugin activated that is causing the issue. Please try deactivating third party plugins to find the culprit.
Thanks
ThemeNectar Support Team
Thank you for your support! Fast.
I do not have a single plugin installed. And it's happening without any modifications in the editor or custom CSS code. - Plain out of the box.
Solved. I recreated the page and it's gone now (btw. testing showed the problem wasn't related to the slider).
However, this other problem persists. I haven't mentioned it as I thought it was related, but apparently it isn't. On the iPhone (5, latest Safari) the page can pan to the right showing a header-colored "background". This does not relate to a specific page, it's there all the time. iPad is OK.
I think I'll open a new ticket for this. Keep things tidy!
Cheers
Simon
Hey Simon! Just responded to your other ticket in regards :)
Cheers