Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 27, 2015 at 9:15 pm #525805
    jnightingale

    Hi,
    Can you please take a look at the first image in our home page slider (hot tub sale) and tell me what I need to do to fix it as it is not adjusting size on smaller screens. In other words – not mobile friendly.
    Thanks SO much!
    Justine
    http://www.arvidsons.com/

    October 30, 2015 at 5:55 pm #527591
    Andy

    Hi jnightingale!

    you could try to get control over this image by using this code in your Quick CSS field: 

    @media only screen and (max-width: 767px) {
img.ls-bg.ls-preloaded {
left: 40px;
width. 110% !important;
}}

    Adjust as needed.

    Cheers!
    Andy

    October 30, 2015 at 5:56 pm #527593
    jnightingale

    Thank you, Andy. Would I enter this in the Enfold section of WordPress?

    October 30, 2015 at 6:02 pm #527600
    Andy

    Hi!

    enter this code in Enfold->General styling->Quick CSS field

    Cheers!
    Andy

    November 4, 2015 at 6:01 pm #530308
    jnightingale

    Hi, Andy,
    This still isn’t working. It still cuts off the image on the right on smaller screen sizes. Any other thoughts?
    Thanks!

    November 5, 2015 at 8:08 am #530558
    Rikard

    Hi,

    Since you have all the text etc. in the image there will likely be information which will be cut off since it’s set to cover the whole area. I think it would be better if you added the blue block and text as separate elements in the slide.

    Regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.