Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 14, 2018 at 2:25 pm #926621
    hypergolica

    Dear Support,

    It has happened on more than one occasion that a friend has gone to visit my website and they see only a blank screen because the one image I have in the Fullscreen Slider does not appear. It does appear, however, if they hit refresh.

    Any idea why this might be happening?

    Link to site below.

    Thank you,

    Tim

    • This topic was modified 6 years, 6 months ago by hypergolica.
    March 15, 2018 at 7:41 am #927098
    Rikard

    Hey hypergolica,

    I’m getting the same problem on my end. Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    March 15, 2018 at 10:15 am #927177
    hypergolica

    Dear Rikard,
    Thank you for taking a look! Credentials below.
    Cheers,
    Tim

    March 15, 2018 at 1:40 pm #927310
    Vinay

    Hi,

    I checked your site and the settings seem to be fine. However, a plugin conflict may be one of the reasons for this issue.
    To find which plugin is causing the conflict please follow these steps:

    1. Go to your plugins page > Deactivate all active Plugins
    2. Update WordPress and Enfold to the latest version if you have not.
    3. Make sure all the plugins are updated.
    4. If the problem does not persist when plugins are turned off, activate one plugin at a time and refresh until you find the plugin in conflict.

    We await the results of your plugin compatibility test.

    Thanks for your cooperation :)

    Best regards,
    Vinay

    March 16, 2018 at 10:12 am #928003
    hypergolica

    Hi Vinay,

    Many thanks for checking the website. Unfortunately, the “deactivate all plugins” isn’t a viable solution. I have too many that are essential to site… and not enough time to go through that kind of process. (I am amazed that no one has come up with a ‘check-for-plugin-conflicts’ plugin.)

    I think I’ll pursue an alternative solution…

    Question: if I want to replace the Fullscreen Slider with a basic DIV that goes fullscreen and is responsive, do you have any recommendations regarding the CSS?

    Thanks,

    Tim

    March 17, 2018 at 7:08 am #928378
    Rikard

    Hi Tim,

    If you don’t want to experiment on your live site, then I would recommend that you copy it to a staging site on the same server. That also comes in handy to check for problems on updates.

    I’m not sure I understand you question, if you are looking for a full width element the maybe you could try the Color Section element? That is basically a full width div.

    Best regards,
    Rikard

    March 19, 2018 at 12:23 pm #929022
    hypergolica

    Rikard,

    Good idea. I ended up switching to the Color Box as I noticed that even using the Fullwidth Easy Slider had problems regarding the image loading. I’ve no idea what causes the conflict, but if I had to guess, I’d say it is something to do with WP Rocket.

    The only problemI had with the Color box is the position of the background image within the box. I tried using CSS to modify the ‘background-position’, but, holy cow!, what a nightmare trying to figure out the right path. I even followed Yigit’s instructions on adding a custom class name and it still didn’t work.

    To fix this, I ended up cropping the image the way I wanted and exported it accordingly, but, If you could show me the right CSS to better position the image for future use, I’d be much obliged.

    Link to the site below.

    Many thanks.

    Cheers,

    Tim

    March 19, 2018 at 3:28 pm #929094
    Vinay

    Hi,

    By color box, I’m assuming you like to position the “color section” background image correct?

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    First please add a unique id to the color section developer ID then change the unique ID name in the below code and use it in Enfold > general styling > Quick CSS :)

    NOTE: Please change the % value of the position in X and Y axis to adjust the image position.

    
/* For desktop*/
#top #unique-id {
background-image: url(https://your-site.com/image.jpg)!important;
background-position: 0% 50%!important;
}

/* For mobile */
@media only screen and (max-width: 767px) {
#top #unique-id {
background-image: url(https://your-site.com/image.jpg)!important;
background-position: 0% 50%!important;
}
}

    Best regards,
    Vinay

    April 23, 2018 at 1:30 pm #945388
    hypergolica

    Thank you, Vinay! I found an alternative solution, but I’m sure this will be helpful in the future. Please close this thread if it hasn’t been closed already.
    Cheers,
    Tim

    April 24, 2018 at 10:37 am #945821
    Nikko

    Hi Tim,

    Glad that Vinay helped you :)
    Please feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Fullscreen Slider Image on Home Page Sometimes Does Not Appear’ is closed to new replies.