Resize slider for mobile version of website

Discussion in 'HTML & Website Design' started by Danaldinho, Mar 24, 2019.

  1. #1
    Hi, I have a slider/promotional image set up for my website, which you can see under the menu bar HERE.
     
    Last edited: Apr 6, 2019
    Danaldinho, Mar 24, 2019 IP
  2. Danaldinho

    Danaldinho Well-Known Member

    Messages:
    169
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    103
    #2
    The link doesn't work in OP, so here it is: http://yourwebexample.co.uk/gymonline/
     
    Danaldinho, Mar 24, 2019 IP
  3. qwikad.com

    qwikad.com Illustrious Member Affiliate Manager

    Messages:
    7,323
    Likes Received:
    1,706
    Best Answers:
    31
    Trophy Points:
    475
    #3
    Your image link has a static width and height: <img width="900" height="203" src="http:/ /bla-bla.jpg" class="attachment-large">. Remove that width and height.

    Then add this to attachment-large class:

    .attachment-large {
    width:100%;
    max-width:900px;
    height:auto;
    }
     
    qwikad.com, Apr 6, 2019 IP