Header Cut Off

Dear hineschica

WE had visited your site and we didn’t notice any cutoff on your header image. So could you provide us screenshot where your image is cutoff with comparison to normal image

we look forward for your response.

Thanks

Please use “Lightshot” app to take screenshot and send us screenshot link

Thanks

Hi There,

You can just keep the link here. We hope you understand.

Thanks

Sure, we look forward to your respond.

Hi There,

Please use the following css to fix your issue:

@media screen and (min-width: 1200px) {
  .header-inner{
    padding: 5rem 0 2rem 0 !important;
  }
}

NOTE: Please use the custom css plugin or child theme style.css to write the css.

And you can adjust the padding as per your desire, we have kept it 5rem, so you can increase/decrease it.

We hope this will be helpful to you, if not then please let us know.

Thanks

Hi There,

Please use the simple custom css plugin or child theme style.css to write the css.

Thanks

please use this in your css

.header-bg {
    background: no-repeat !important;
}

and if you want full image in small device too then, please use below code

@media (max-width: 768px) {
.header-bg {
     background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
}
}

Note: add both code snippet in style.css and manage padding/height as per your need