Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #793011

    Hi,

    Today I changed my Preloader image but whatever I upload is displayed as offset to the right when it’s displayed on a mobile device. It’s fine on a desktop machine.

    Does anyone have any ideas how I can ensure the image is centred?

    The site is http://www.flightdeckfriend.com (needs to be viewed on a mobile device to see the issue).

    Kind Regards,

    Tim

    #793095

    Hey Timothy,
    I see that the preloader is center until the logo is added, Try this code in the General Styling > Quick CSS field:

    
     .av-preloading-logo {left: -25px!important;}

    Best regards,
    Mike

    #793401

    Hi Mike,

    Thanks very much. Moving it by 34px worked.

    It has centred the logo, but at actual loading circle is still shifted to the left so isn’t in line with the logo.

    Is there anyway of re-aligning this as well?

    Kind Regards,

    Tim

    #793408

    Hi,

    Try adding the following to quick css:

    .av-siteloader{
    margin-left:45%important;
    }

    Best regards,
    Jordan Shannon

    #793901

    Hi Jordan,

    Thanks for getting back to me

    That makes no difference.

    I changed the code to

    .av-siteloader{
    margin-left:565px!important;
    }

    And this fixed the issue on the desktop device, but shifted the logo partially out of site on a mobile device.

    Any ideas?

    Kind Regards,

    Tim

    #794024

    Hi,

    Is your new preload image the same size as the original width-wise?

    Best regards,
    Jordan Shannon

    #794029

    Hi,

    No but when I re-use the original image it does the same thing!

    Kind Regards,

    Tim

    #794044

    Hi,

    Even with the css removed?

    Best regards,
    Jordan Shannon

    #794232

    Hi Jordan,

    Yes I did that before adding the CSS code.

    Kind Regards,

    Tim

    #795226

    Hi,
    I’ve asked for some help with this, Thanks for your patience and understanding

    Best regards,
    Mike

    #795238

    Hi Tim,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
      #top .av-preloading-logo {
        left: 0 !important;
        max-width: 100%;
      }
    }

    Let us know if this helps :)

    Regards,
    Nikko

    #795905

    Hi Nikko & Mike,

    That’s fixed it! Thank you very much for your help.

    Kind Regards,

    Tim

    #795915

    Hi,

    Glad Nikko and Mike could help! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Preloader’ is closed to new replies.