Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 21, 2016 at 9:41 am #569244
    masuurikas

    I have trouble with my Layer Slider. It is not showing 100% fullscreen on large screens. I see it fullscreen only on 13″ and 15″ laptop screens but not on 23″ or 27″ screens. It should stretch the background image to full screen, but it doesn’t. You can check this out here: http://www.oot-oot.com/en/

    All my settings appear to be correct:

    1. Slider settings, Slider Width = 100%
    2. Slider settings, Slider Height = 600px
    3. Responsive mode enabled
    4. Fullwidth mode enabled
    5. Slider background image layer is Width = 100%
    6. The image size 2400 x 1100 pixels

    I have no idea, why it’s not stretching my image 100%, still showing some white space in the edges when I look at it on wide screens.

    • This topic was modified 8 years, 11 months ago by masuurikas.
    January 21, 2016 at 10:13 am #569268
    Basilis

    Hi masuurikas!

    can you please provide us with backend access, so we can see the backend settings please?

    Regards,
    Basilis

    January 21, 2016 at 10:16 am #569272
    masuurikas

    Yes of course. Access is in Private Content. Thank you for such quick response!

    January 21, 2016 at 4:25 pm #569450
    Vinay

    Hey!

    The settings you have used is correct however the background image is not set for the slides please see screenshot to set the backgroundimages. If you use layered images it will stretch to fit.

    I have added a enfold test page for you please feel free to play around with the settings.

    Best regards,
    Vinay

    January 22, 2016 at 4:06 am #569750
    masuurikas

    From your example (http://www.oot-oot.com/en/enfold-test-fullscreen-layer-slider/) only part of the image is visible, it is zoomed in the middle, the image is not 100% full screen. The image used in the slider is this one: http://www.oot-oot.com/wp-content/uploads/2016/01/oot-oot-diivan-cosmo-slider.jpg. And that’s how it looks when left side touches the edge of the screen and right side touches the edge of the screen. On your example, the image shows just the middle part of the image.

    As you can see the original image used and the slider of your example, there is a big difference. And if you set WIDTH=100% then you should see the whole image as it is 100%. On your example, the image width is probably like 300% width, so it still does not solve the issue, because sliders on this sample page (http://www.oot-oot.com/en/enfold-test-fullscreen-layer-slider/) are not displayed 100% width.

    January 25, 2016 at 11:36 am #571239
    Andy

    Hey!

    Wordpress is cropping images by default when uploading them. You can control this behavior with a plugin like: https://de.wordpress.org/plugins/simple-image-sizes/

    Cheers!
    Andy

    February 6, 2016 at 1:01 pm #578994
    Volli

    Hello,

    I’m in trouble with the same issue.
    I installed the simple image sizes plugin. The question for me is now: how can I control which image size is used in which situation?

    Thanks for adivse
    Volli

    February 8, 2016 at 9:13 pm #579897
    Vinay

    Hi!

    Please follow the below steps to assign your own thumbnail size to the theme.

    1. Create a child theme if you are not using one so the changes we make remain intact after any theme updates.
    https://kriesi.at/support/topic/enfold-child-theme-not-included-in-theme-download/

    2. open functions.php in child theme and copy this whole block http://pastebin.com/raw/YXPDi7B5

    3. Look for “[‘featured’] = array(‘width’=>1500, ‘height’=>430 ); ” and change the image width and height.

    Regards,
    Vinay Kashyap

    • This reply was modified 8 years, 10 months ago by Vinay.
    February 12, 2016 at 12:54 pm #582188
    masuurikas

    I had my things fixed thank you. It just needs proper image size to be added and optimized to 100% width.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Layer Slider not showing 100% fullscreen’ is closed to new replies.