Home Forums Pro Themes Business Field Pro Header Image not resizing for mobile device in pro version

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #66476
    Mary Perkins

    I am VERY new. With the help of the excellent support team, I added custom CSS because the banner was cutting off about half way.
    #custom-header {padding: 150px 0;}
    I don’t know what all that means but the desk top view looks better. The next issue is that the mobile view only shows about the left 1/3 of the banner image. Is there an easy fix for this, too?
    Thank you so much.


    Hello @perkinspapercraft,

    Actually, the thing is in responsive view the header will get cropped and this is how the theme is designed.

    However, the whole image can be displayed using the CSS in responsive view but the height of the header image will be decreased.

    Use below given CSS to adjust the header image.

    @media only screen and (max-width: 767px){
    #custom-header {
        background-size: contain !important;  

    Hope this helps.

    Best Regards!!

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