Hestia Header Image, Troubles When Sized To Contain

  • Resolved Aditya Agarwal

    (@adityamilyin)


    5 years, 9 months ago

    I have seen that this theme is responsive, and is following material design principles, but there are issue with the header image. I want the full header image to appear on the frontend, if i apply “contain” css property to header-filter, i am able to achieve that, but it leaves me with white bar on top and bottom of header.

    If i use header as it is, the image gets cropped, and if i use the css property the image is displayed but bringing white bars around. This is a serious problem on mobile phones, as on some screens not even 30% of the total image gets visible.

    Is there any way to display the full image without causing white bars above and below.

    My site is and at present i am NOT using that property, because it gives bad impression. In hope of help. Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter Aditya Agarwal

    (@adityamilyin)

    You can see at this link kf page given below, the header image when seen on mobile does not show the white border on all 4 sides, because it gets cropped, and on sime sizes the text may also be blocked.
    Milyin

    This is a really annoying issue, in a theme that calls it self responsive.

Viewing 1 replies (of 1 total)
  • The topic ‘Hestia Header Image, Troubles When Sized To Contain’ is closed to new replies.