Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10005550
    centreholidays
    Participant

    Hi, I was wondering if there was any code I can use to resize the main banner at the top to fit mobile devices. At the moment it seems to be getting cropped instead of resizing.


    #10005570
    Support
    Keymaster

    Hello, sure, you can do something like this:

    section.home-top.with-carousel {
        min-height: 600px;
        background-position: center center;
        background-size: 100% auto;
    }
    
    @media (max-width: 479px) {
    	section.home-top.with-carousel {
    		min-height: 300px;
    	}
    }
    
    @media (max-width: 991px) {
    	section.home-top.with-carousel {
    		min-height: 500px;
    	}
    }

    See the css breakpoints with min-height settings (which you can set the way you want).

    Would be better if you could add a specific class to that header.

    Kind Regards,

    Jonas


    #10007103
    aaronlobo
    Participant

    I have the same problem. I tired the code on theme- responsive.css but no solution. What should i do?


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

This topic is marked as "RESOLVED" and can not rceive new replies.