Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 14, 2017 at 5:40 pm #793011
    FDF

    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

    May 14, 2017 at 10:27 pm #793095
    Mike

    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

    May 15, 2017 at 4:09 pm #793401
    FDF

    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

    May 15, 2017 at 4:30 pm #793408
    Jordan Shannon

    Hi,

    Try adding the following to quick css:

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

    Best regards,
    Jordan Shannon

    May 16, 2017 at 1:20 pm #793901
    FDF

    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

    May 16, 2017 at 3:39 pm #794024
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    May 16, 2017 at 3:43 pm #794029
    FDF

    Hi,

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

    Kind Regards,

    Tim

    May 16, 2017 at 3:59 pm #794044
    Jordan Shannon

    Hi,

    Even with the css removed?

    Best regards,
    Jordan Shannon

    May 16, 2017 at 6:19 pm #794232
    FDF

    Hi Jordan,

    Yes I did that before adding the CSS code.

    Kind Regards,

    Tim

    May 18, 2017 at 5:08 am #795226
    Mike

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

    Best regards,
    Mike

    May 18, 2017 at 5:45 am #795238
    Nikko

    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

    May 18, 2017 at 2:40 pm #795905
    FDF

    Hi Nikko & Mike,

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

    Kind Regards,

    Tim

    May 18, 2017 at 2:50 pm #795915
    Yigit

    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

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Preloader’ is closed to new replies.