Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #557676
    #557710

    Hey Ben!

    Please add following code to Quick CSS

    @media only screen and (max-width: 767px) {
    .responsive #top .logo {
        width: 100%;
    }}

    Cheers!
    Yigit

    #557778

    Thanx for your quick reply!

    The logo still is on the left on mobile phone..

    Also the layerslider is on the left and not centered where it is centered on desktop..
    I have tried many options in centering the slider but the layers stay at the same position..

    Could there be another problem?

    Thanx!

    #558904

    Hi!

    Add this.

    .logo img {
        left: 50% !important;
        transform: translateX(-50%);
    }

    For the LayerSlider make sure you use percentages (50%) instead of pixel values (50px).

    Cheers!
    Elliott

    #559076

    Hi Elliott,

    Thanx for your reply..

    The logo is now perfectly centered..

    In regards to the layersldier, I was already adjusting the slider via percentages.. I have tried many more ways but I just can’t get it centered.

    Any concrete suggestions would be helpful.

    Thanx!!

    #559518

    Hi!

    Please try the below code in the quick css it should work if not request you to send us the login details in a private message.

    
    @media (max-width: 1160px) {
    .ls-inner, .ls-slide {
        width: 100%;
        height: 100%;
        transform: translateX(2.5%);
        /* margin: 0 auto; */
    }
    }
    

    Regards,
    Vinay

    #559577

    Thanx Vinay, that did the trick :-)

    One last question though, i’d like to bring the slider down in relation to the header, like in the image.

    What would be the best approach?

    Chrs!

    • This reply was modified 8 years, 11 months ago by BenWorx.
    #559781

    Hi,

    Please try the following as well:

    @media only screen and (max-width: 479px) {
    #layerslider_6 {
    padding-top:40px !important;
    }
    }

    Regards,
    Rikard

    #652735

    That code ALMOST worked for me….logo still isn’t quite centered and the shopping cart overlaps it? Can you please help?

    #653696

    Hi,

    There not a lot of space in the header on mobile so I would suggest you consider aligning the logo left on mobile instead, try this CSS:

    @media only screen and (max-width: 767px) {
    .logo img {
        left: 40% !important;
        transform: translateX(-40%) !important;
    }
    }

    Best regards,
    Rikard

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.