Change Logo Size and Remove Slider from Mobile Site

Discussion in 'Compass WordPress Theme' started by soul7bird, Jun 26, 2017.

  1. soul7bird

    soul7bird New Member

    Joined:
    Apr 21, 2015
    Messages:
    11
    Likes Received:
    2
    I am hoping you can help change the logo on the "desktop"version of my site. Can you please provide the CSS required? Or how to change it Editor? One last request when providing this change. I do NOT want this to impact the logo size on a mobile device, please.

    Also because the Slider text does not display nicely on a mobile device, is there a way to remove the slider all together from the mobile version?

    Lastly, my slider is not working. I have three slider images setup, the correct timing (5000) set. and nothing is moving....any idea how to make this happen?

    www.proproductsourceusa.com
     
    Last edited: Jun 26, 2017
    smith likes this.
  2. Naveen

    Naveen Guest

    Joined:
    Aug 8, 2014
    Messages:
    1,739
    Likes Received:
    64
    Hello,

    For logo in desktop version, you need to paste the below custom CSS code in the Custom CSS field located under Dashboard->InkThemes->Theme Options->Styling Settings
    Code:
    @media only screen and (min-width: 991px){
    .header .logo img {
    max-width:400px
    }
    }
    To hide slider in mobile screens, use below code there.
    Code:
    @media only screen and (max-width: 480px){
    .sl-slider-wrapper {
        display: none!important;
    }
    }
    It seems the slider autoplay option is turned off from coding end, we will check your site and resolve this,
    Could you please share your WordPress admin credentials at [email protected] along with this thread URL:

    WordPress site login URL:
    WordPress admin username:
    WordPress admin password:

    We will check and do the needful.

    Warm Regards!
    Naveen Kolhe
    InkThemes.com
     

Share This Page