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

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 21, 2018 at 10:46 pm #66476
    Mary Perkins
    Member

    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.

    February 22, 2018 at 5:27 am #66504
    wensolutions
    Keymaster

    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!!

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