Home Forums Pro Themes Expedition Pro Main slider image cropped when viewed in iPad or mobile device mode

This topic contains 5 replies, has 2 voices, and was last updated by  wensolutions 2 years, 2 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #52421

    Paul Esterhuizen
    Participant

    Hi guys

    My main slider image includes text, that is the name of our website.

    The image is perfectly sized when in full website view. However when switching to mobile device view the image width is cropped to fit the screen. This effectively crops out the text / full name of our website.

    I would like to know how to get the home slider image to automatically resize according to the device (i.e. I want the home slider image to automatically adjust to a smaller size so that the entire image is still visible across the width of the screen of the mobile device.)

    Thanks

    #52443

    wensolutions
    Keymaster

    Hello @wanderfallworld,

    To adjust the image size once try using below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    @media screen and (max-width: 480px){
    .wrapper-slider .slide-item .container-full {
        background-size: contain; 
    }
    }

    Hope this helps .

    Best Regards!!

    #52468

    Paul Esterhuizen
    Participant

    Thank you for a quick response.

    Unfortunately it hasn’t solved my problem.

    In full website view the height of my main slider image is now been cropped.

    In iPad view the width is cropped (as before) but the height is fine.

    In mobile device view, the width now fits the screen but strangely the image is duplicated 3 times, one below each other.

    Hopefully it is a quick fix.

    Thanks
    Paul

    #52519

    wensolutions
    Keymaster

    Hello @wanderfallworld,

    Can you post your site URL so that we could inspect the issue and help you ?

    Best Regards!!

    #52526

    Paul Esterhuizen
    Participant

    My website url is below.

    http://www.wanderfallworld.com

    My site is not yet published.

    Thanks

    #52566

    wensolutions
    Keymaster

    Hello @wanderfallworld,

    We cannot access to your site so we are unable to inspect your site

    However for best results with the image in the slider you can use the slider image of the recommended size ( 1366x540px ) to get the similar results in the slider as in the demo of the theme. If you upload the image of recommended size it wont get cropped .

    Hope this helps .

    Best Regards!!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.