Header image not scaling on mobile - Acme Themes

Best Premium and Free WordPress Themes Forums Portfolio Web Header image not scaling on mobile

This topic contains 4 replies, has 3 voices, and was last updated by  kalp23 1 month, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #55768

    mormonjesus69420
    Participant

    Hello!

    My website is salwerowi.cz, I have a problem with the header image on main page not scaling for mobile devices, instead it cuts it on both sides. However if I go to blog page, that uses same picture as header image, it is scaled properly instead of being cut.

    Is it possible to fix it, so that header image on main page is being scaled too? Like do I need to edit some CSS or JavaScript code for it to work?

    Unscaled header image on main page:
    Unscaled header image on main page

    Scaled header image on blog page:
    Scaled header image on blog page

    • This topic was modified 4 months, 3 weeks ago by  mormonjesus69420. Reason: Fixed image links
    • This topic was modified 4 months, 3 weeks ago by  mormonjesus69420. Reason: Reoriented images
    #55836

    acmesupports
    Moderator

    Dear mormonjesus,
    Please use the following css code to adjust scale image in small devices.
    Appearance > Customize > Additional CSS

    @media (max-width:767px){
        .image-slider-wrapper .slick-list, .image-slider-wrapper .slick-track{
            height:35vh !important;
        }
    }

    Note: You can adjust the height value as per your requirement.

    Best Regards!

    #55846

    mormonjesus69420
    Participant

    That a lot! That helped!

    #55897

    acmesupports
    Moderator

    Dear mormonjesus,
    You are Most Welcome 🙂
    Best Regards!

    #70379

    kalp23
    Participant

    Thank You Very Much This Article Really Helped me
    God will DO Good For You

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

You must be logged in to reply to this topic.