Okay
  Public Ticket #1803657
responsiveness of qode slider
Open

Comments

  • lambelin started the conversation

    Hello
    I have seen that there is a advance responsiveness option (like you showed here : http://www.screencast.com/t/sJty69cyN ) but it doesn't appear on my admin like you can see on the screen copy.
    What do I have to do to activate it ? My sliders look awful on mobiles.
    Thank you for your help

    Update : also, how can I change settings for the header on mobile version (I would like to have less space between social icon and text below and have the text center, not left aligned) ?
    Thank you

    Attached files:  screen-copy.jpg

  •  934
    Qode replied

    Hello,

    1. We can see that your theme version is 2.7. You should update it to latest version.

    Her is guide how to update it. But first make a backup of your site.

    After that you will have this options you are missing.

    2. Insert this to your Appearance > Customize > Additional CSS 

    @media only screen and (max-width: 480px){
    .header_top .inner {
        margin: 0 0 -31px;
    } .header_top .right .inner>div {
        float:none !important
    }
    }

    Let us know if there is anything else.

    Best regards,

    Nicolas

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Best Regards,
    Qode

  • lambelin replied

    Hello
    Yes, my version is 2.7. But that's also the last one online as you can see with the screen copy.
    Can you let me know which version I should have and where I can download it ?
    Thank you

    Attached files:  copie-ecran1.jpg

  •  934
    Qode replied

    Hello,

    Sorry we didn't saw that theme you using is strata. You are right, That is latest version. 

    For that theme there is no option on qode slider for responsive look. But you can use Layer Slider that have responsive option to be enabled and it is supported by your theme.

    Best regards,

    Nicolas

    The new and improved Online Bridge Documentation is live. Check it out now - LINK

    Best Regards,
    Qode

  • lambelin replied

    So I have to re-do all the sliders ? 
    I don't get the point in having a so called responsive theme with qode slider installed if Layser Slider is the only responsive solution ?

  •  1,447
    Qode replied

    Hello, 

    Unfortunately, Strata does not have the 'Advanced Responsiveness' option  for Qode Slider - it's available in Bridge only. Try adding the following CSS into Qode -> Global Options -> Custom CSS field and check the slider on mobile:  

    @media screen and (max-width: 600px) {
    .home #qode-home-slider, 
    .home #qode-home-slider .item, 
    .home #qode-home-slider .item .image {
        height: 250px !important;
    }
    .home #qode-home-slider .item .image img {
        max-height: 250px !important;
        object-fit: cover !important;
    }
    .home #qode-home-slider .item .image {
        background-size: auto 250px;
    }
    .home #qode-home-slider .item .slider_content {
        top: 30px !important; 
    }
    .home .carousel-control .prev_nav, 
    .home .carousel-control .next_nav {
       margin-top: -20px !important;
    }
    }
    

    Best regards, 

    Ian

    * The new and improved Online Bridge Documentation is live. Check it out now - http://bridge.qodeinteractive.com/

    * You can also check our articles with useful tips and suggestions

    Best Regards,

    Qode