Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 23, 2015 at 10:16 pm #541201
    Micheal0424

    I am using html to put a transparent logo in the caption area of a fullwidth slider.

    The transparent image looks great on the desktop. When it is on a cell phone the image gets pushed in too much on the sides. I have tried to look for a way to reduce the height of the image so it would look good but I can’t get anything to work.

    I tried to use this as a base to work with but had no luck making changes to it so it would work for my image I placed in the caption area:

    @media only screen and (max-width: 767px) {
    .avia-slideshow li img {
    width: 90% !important;
    max-height: 267px;
    }}

    Thank you for your help.

    November 24, 2015 at 10:08 am #541413
    Rikard

    Hi Micheal0424,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    November 24, 2015 at 9:48 pm #541942
    Micheal0424

    Here is the link, thank you.

    November 25, 2015 at 7:53 am #542171
    Rikard

    Hi,

    Please try this instead:

    @media only screen and (max-width: 767px) {
.avia-caption-content p img {
    width: auto !important;
    height: auto !important;
}
}

    Thanks,
    Rikard

    November 26, 2015 at 5:10 am #542844
    Micheal0424

    Worked perfectly, thank you very much.

    November 26, 2015 at 10:54 am #542977
    Rikard

    Hi,

    Great, glad we could help :-)

    Cheers!
    Rikard

    June 21, 2016 at 11:57 pm #651786
    Micheal0424

    Thank you, this is resolved.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Fullwidth Slider html image in caption for mobile device’ is closed to new replies.