Tagged: , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 28, 2015 at 1:26 pm #557676
    December 28, 2015 at 3:06 pm #557710
    Yigit

    Hey Ben!

    Please add following code to Quick CSS 

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

    Cheers!
    Yigit

    December 28, 2015 at 5:34 pm #557778
    BenWorx

    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!

    January 3, 2016 at 2:46 am #558904
    Elliott

    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

    January 4, 2016 at 10:06 am #559076
    BenWorx

    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!!

    January 4, 2016 at 10:01 pm #559518
    Vinay

    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

    January 4, 2016 at 11:43 pm #559577
    BenWorx

    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, 10 months ago by BenWorx.
    January 5, 2016 at 9:39 am #559781
    Rikard

    Hi,

    Please try the following as well:

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

    Regards,
    Rikard

    June 23, 2016 at 9:09 pm #652735
    BrendaSarg

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

    June 27, 2016 at 8:17 am #653696
    Rikard

    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

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