Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #10032050
    alexro
    Participant

    Hi there guys , is there a way to set a slider just for mobile , the img bg I have for desktop slider doesn’t fit right on mobile – the resize is not quite ok for what I want to achieve !

    If you guys can give me a advice , that it will be great !

    Thank you ,
    Have a great day !



    Template Version: 1.1.0
    #10032053
    Support2
    Keymaster

    Hello,

    This is possible with custom CSS:

    (css/custom.css):

    @media(max-width: 767px) {
    	div.tp-bgimg {
    		background-image: url("img/slides/multi-purpose/slide-1-3.jpg") !important;
    	}
    }

    * The code above will force show slide-1-3.jpg on mobile devices.

    Please try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10032055
    alexro
    Participant
    This reply has been marked as private.
    #10032056
    Support2
    Keymaster

    Hello,

    Oh sorry! I sent wrong CSS code for you (is missing “../”). Please change to:

    @media(max-width: 767px) {
    	div.tp-bgimg {
    		background-image: url("../img/slides/multi-purpose/slide-1-3.jpg") !important;
    	}
    }

    I saw that you are with “Ken Burns” effect enabled on the slider but it’s not using. The Ken Burns effect generates different class for background image, so we need deactivate it. Please change the HTML of background image to:

    <img src="img/slides/multi-purpose/slide-1-1.jpg"  
    	alt=""
    	data-bgposition="center center" 
    	data-bgfit="cover" 
    	data-bgrepeat="no-repeat" 
    	class="rev-slidebg">

    Please try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    #10032058
    alexro
    Participant

    Hi there Rodrigo , works great !

    Thank you so much , I wish u a great day my friend! , and bdw sorry I bother you guys so much , but I don’t know too much about css-html and for the past few weeks I’ve learn a lot – thank you for that ! – the sad part is I will def bother you again with some stupid questions 🙂


    #10032066
    Support2
    Keymaster

    Hello,

    Great!

    Thanks for the kind words!

    If you need further assistance feel free to contact us. Don’t worry!

    Kind Regards,

    Rodrigo.


Viewing 6 posts - 1 through 6 (of 6 total)