Okay
  Public Ticket #1022675
URGENT : always center background in the viewport
Closed

Comments

  •  2
    Guilhem started the conversation

    Hi,

    you will find attached what I need to do. I need the bg of the slider to get always in the center of the viewport.

     I cannot figure out the slider options I need to put in order to get this right - if possible.

    Please help, this is pretty urgent.

    Guilhem

  •  2
    Guilhem replied

    I figured out the sliders opition I need to get this :

    it was :

      $('#layerslider-mob-1').layerSlider({
                 
                    type:'fullsize',
                    autoStart: true,
                    skin: 'noskin',
                    optimizeForMobile:true,
                    globalBGImage:'/img/city-bg-mob.png',
                    globalBGPosition:'center center',
                    globalBGSize:'cover',
            
                });

    BUT, this is not working with layers I put inside the slider : they are scaling according to the width ? What are the options I need to get the same result from the layers inside this slider ?

    thanks

  • [deleted] replied

    Hey Guilhem,

    Thank you for the feedback. If you want to center a layer inside the slider, you will need to set 50% for its width and height values. This way the layer will scale proportionally and be centered on all screen sizes.