-
AuthorPosts
-
August 22, 2014 at 4:46 pm #307952
Hi all. We are building a new site using Enfold. Great theme. However, the bottom two parallax images will not center on mobile devices. They are fine on a desktop but not on mobile.
Any help would be much appreciated as we are waiting on this one fix to take the site live.
Thanks
August 22, 2014 at 7:09 pm #308040Additional note: I added some of the CSS that you recommended in another post but it made the entire image disproportionate.
August 22, 2014 at 11:00 pm #308108One more note: you can view the site at spa.created4him.com
August 25, 2014 at 5:44 pm #308915Hi!
Can you provide admin credentials in a private reply so we can log on to your WordPress installation and take a look at the settings live?
Best regards,
DevinAugust 25, 2014 at 7:10 pm #308949This reply has been marked as private.August 26, 2014 at 4:18 am #309087Hi!
Thank you for the info but I think the login credentials you provided is not correct.
Try to change the background size for mobile device using this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) { .avia-full-stretch { background-size: 120% 100%; } }
Regards,
IsmaelAugust 26, 2014 at 1:16 pm #309313Did you need FTP access or WP admin access? I will try your suggestion.
August 26, 2014 at 1:29 pm #309320Okay. Tried it with no fix. In fact now the Masonry gallery is not working correctly. What is strange is I added the css to custom.css and then removed it but the masonry gallery on the home page is still not working correctly. I am suddenly getting this message related to the Masonry gallery Warning: session_start(): The session id is too long or contains illegal characters, valid characters are a-z, A-Z, 0-9 and ‘-,’ in /home/rsheehan/public_html/spa/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries.php on line 33
August 26, 2014 at 4:39 pm #309403BTW. I was able to login to the WP-Admin with those credentials.
August 27, 2014 at 6:19 am #309663Hi!
This error refer to a whole new different issue but it seems to be temporary. A few users who open this kind of thread doesn’t seem to have a follow up reply after we answered their inquiries which tells us that the issue fixed itself after some time. Please let us know if the issue continues after a few days or you can refer to this link on how to disable the theme session: https://kriesi.at/support/topic/error-issues-with-masonry_entries-php-on-line-33/#post-271660
If you have the time, please try this fix: https://kriesi.at/support/topic/help-trying-to-understand-error-message/#post-271650
Regards,
IsmaelAugust 27, 2014 at 3:07 pm #309851Hi Ismael. Thanks for the suggestion. I never had the issue until I started trying to solve this problem. However, the centering issue with the parallax is not resolved at all.
Any help would be appreciated as the client is waiting on us to fix the issue so that we can take the site live.
Thank you.
August 29, 2014 at 2:08 pm #310923Hi. Am I not able to get any more support for this centering issue? Thank you.
August 30, 2014 at 6:30 pm #311330Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) { .av-parallax.avia-full-stretch { background-size: contain; } }
Cheers!
JosueSeptember 20, 2014 at 5:42 pm #322424I believe I was successfully able to center the parallax images on all devices. In enfold/css/shortcodes.css add this code to line 248 in the .av-parallax class:
background-position: center top!important;
Good luck!
Beau -
AuthorPosts
- The topic ‘Parallax image not centered’ is closed to new replies.