Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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

    #308040

    Additional note: I added some of the CSS that you recommended in another post but it made the entire image disproportionate.

    #308108

    One more note: you can view the site at spa.created4him.com

    #308915

    Hi!

    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,
    Devin

    #308949
    This reply has been marked as private.
    #309087

    Hi!

    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,
    Ismael

    #309313

    Did you need FTP access or WP admin access? I will try your suggestion.

    #309320

    Okay. 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

    #309403

    BTW. I was able to login to the WP-Admin with those credentials.

    #309663

    Hi!

    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,
    Ismael

    #309851

    Hi 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.

    #310923

    Hi. Am I not able to get any more support for this centering issue? Thank you.

    #311330

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
    .av-parallax.avia-full-stretch {
        background-size: contain;
    }
    }

    Cheers! 
    Josue

    #322424

    I 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

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Parallax image not centered’ is closed to new replies.