Make Header Image More Responsive

Discussion in 'ColorWay WordPress Theme' started by musicstudy, Jan 13, 2016.

  1. musicstudy

    musicstudy New Member

    Joined:
    Nov 29, 2015
    Messages:
    5
    Likes Received:
    1
    Hi,

    You guys have been really helpful so far, and I'm hoping you can help me again. What I'd like to do is make my site more responsive by somehow swapping between two header images depending on screen size (a more square image for mobile devices, for example) and possibly also turn off the slider for smaller screens (because the text gets left out on those devices anyways).

    My website can be viewed at www.themusicstudy.ca. I'm not afraid to edit code if that's what it takes, if you can point me in the right direction.

    Thanks!
     
  2. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    I have checked your site and would like to tell you that we didn't get any responsiveness issue in your site.

    So it would be better to provide us some edited screenshot of the concerned area so that we can assist you accordingly..


    If you are unable to create screenshots then you can use www.screenpresso.com that will help you to create screenshots.

    And regarding your second issue, i.e. to turn off the slider for smaller screens,

    Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 480px){
    .sl-slider-wrapper {
        display: none;
    }
    }
    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page