Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 18, 2014 at 2:51 am #352819
    webWahine

    Hello

    There is an image file here that is a small logo, which is fine on a desktop but on mobile it is enormous – please advise. Thank you.

    http://beta.pci-group.com/apres-ski-2015/

    November 18, 2014 at 4:43 pm #353046
    Yigit

    Hi webWahine!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    @media only screen and (max-width: 480px) {
.avia-caption-content img {
max-width: 50%;
}}

    Cheers!
    Yigit

    November 18, 2014 at 8:08 pm #353214
    webWahine

    I tried this and it didn’t work – even added in !important, sigh…

    November 18, 2014 at 10:43 pm #353285
    Yigit

    Hey!

    Please try adding width value as following as well

    @media only screen and (max-width: 480px) {
.avia-caption-content img {
max-width: 50% !important;
width: 50% !important;
}}

    and try adjusting the value. I cannot reproduce the issue when i resize the browser but can see it on my iphone

    Cheers!
    Yigit

    November 18, 2014 at 11:52 pm #353353
    webWahine

    Sadly, it’s still enormous.

    November 20, 2014 at 2:40 am #354097
    Andy

    Hi!

    Yigit’s code should work. Please clear browser cache and than reload your page again.

    Cheers!
    Andy

    November 21, 2014 at 3:20 am #354846
    webWahine

    Yes, that worked – thanks! :)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Image in caption over slider is enormous on mobile’ is closed to new replies.