Topic Resolution: Resolved
  • Closed
  • Sue Young
    Spectator
    September 21, 2016 at 7:02 pm #30351

    Finally have the layout of the site I am working on done and need to clean up the mobile version. http://www.shimmyshack.com

    1. The header needs a different format to fit nicely in the mobile version – how can I specify a different header if on a mobile device?

    2. There are buttons on the parallax slider that look horrible on a mobile device. I would really like to remove the buttons all together and use a text link within the slider instead of a button – which then should look better on the mobile also. Any suggestions to either use a text link or remove the buttons from the mobile site?

    Thanks
    Sue

    Denzel Chia
    Moderator
    Posts: 2656
    September 22, 2016 at 2:41 am #30360

    Hi,

    The header needs a different format to fit nicely in the mobile version – how can I specify a different header if on a mobile device?

    This requires modification to theme codes, Please contact our developers for this customization service.
    https://theme4press.com/theme-customization-service/

    You can use the following in Theme Options -> Custom CSS
    to make your slide button into a link in your mobile view.

    @media screen and (max-width:768px){
    .da-slide .da-link {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none !important;
    color: #000 !important;
    text-decoration: underline !important;
    }
    }

    Thank you

    Sue Young
    Spectator
    Posts: 96
    September 22, 2016 at 4:19 pm #30364

    Thanks – the css worked perfectly.

    Couldn’t I use similar css to specify a different header rather than change the theme?

    Or is there a way to close up the space below the header in the mobile version – header is not a much a problem as is the huge space below it. http://www.shimmyshack.com

    Sue

    Sue Young
    Spectator
    Posts: 96
    September 22, 2016 at 5:11 pm #30365

    Thanks again for your help – I have not yet tested changing the header through CSS but was able to do a lot of cleanup so the mobile looks a lot better.

    As always appreciate your help.

    Sue

    Denzel Chia
    Moderator
    Posts: 2656
    September 23, 2016 at 6:55 am #30375

    You are welcome.
    Thank you