Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 3, 2016 at 3:07 am #694388
    tlchase

    Hello Kriesi,

    As always, thanks again for an amazing theme and support!

    1- I am having an issue with the Full Width Easy Slider Slideshow Background Image on the site below in mobile view. It’s only 1 Fullwidth easy slider image with an image behind it (Slideshow Background Image-Center Center, no repeat, fixed). I want the background image to shrink along with the easy slide image to fit in responsive view.
    Please see image link below how the background image is aligned but not in responsive mode.
    I read a few posts (#280778) however they dont seem to fix having the slideshow background image decrease along with the easy slider image.

    2- I’m also trying to have the content font size shrink to a smaller size (9px for example) in responsive mode. I saw this post:
    https://kriesi.at/support/topic/font-size-adjustments-within-responsive-layouts/#post-110360 and tried it but without any luck.

    Thanks in advance for any recommendations!

    October 5, 2016 at 5:17 pm #695638
    Andy

    Hey tlchase,

    please open different ticket for different question.

    1.) WordPress is cropping images by default when uploading them and if you want to control this behavior you can use a plugin like this: https://wordpress.org/plugins/simple-image-sizes
    I hope this will help :).

    Best regards,
    Andy

    October 5, 2016 at 6:44 pm #695703
    tlchase

    I understand about uploading images, I am having issues with how the image is not responsive.
    There are 2 images in 1 Fullwidth Easy Slider Slide:
    – one image is the Full Width Easy Slider Image
    – the other image is the Slideshow Background Image

    The Full Width Easy Slider Slideshow Background Image is not responsive in mobile view.

    Please see image link below how the background image is aligned but not in responsive mode. So the image is cropped and uploaded correctly but not shrinking in responsive mobile mode.

    Thanks!

    October 7, 2016 at 11:15 am #696386
    Andy

    Hi,

    try something like this inside your Quick CSS field:

    @media only screen and (max-width: 767px) {
div#full_slider_1 {
background-size: 162px 205px !important;
background-position: 103px 66px !important;
}}

    and adjust as needed.

    Best regards,
    Andy

    October 18, 2016 at 11:20 pm #700943
    tlchase

    Thank you Andy! We have a bit of adjusting but this works.

    Appreciate it the help! =)

    October 19, 2016 at 12:44 pm #701233
    Andy

    Hi,

    glad we could help. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.

    Best regards,
    Andy

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Fullwidth Easy Slider Slideshow Background Image non Responsive’ is closed to new replies.