[jennib12]

Hello — I’ve been trying to upload a new header image sized at 1300 x 350 px. It looks perfect on mobile, but on the desktop view the right and left sides are getting cut off, even though the image is the recommended width. Any suggestions?

 

[vako]

Hi #jennib12,

 

At first, thank you for your response and for choosing our theme.

Please share your website URL and we will check for the possible solutions.

 

Kind Regards, Vako

[jennib12]

Thank you! The site is: https://tincancottage.ca/

[vako]

Hi #jennib12,

 

Please navigate to Dashboard > Appearance > Customize > Aditional CSS and following snippet:

.entry-header {
height: 360px !important;
background-repeat: no-repeat !important;
}
@media screen and (max-width: 980px) {
.entry-header {
height: 300px !important;
-webkit-background-size: cover !important;
background-size: cover !important;
}
}
@media screen and (max-width: 880px) {
.entry-header {
height: 200px !important;
}
}
@media screen and (max-width: 690px) {
.entry-header {
height: 170px !important;
}
}

 

Kind Regards

[jennib12]

Hi there– I added that snipped, but the header is still getting cut off on the left and right sides. It’s better than it was on desktop, but now it’s also cutting off on the mobile view. Any other suggestions are welcome. Thanks!

[vako]

Hi #jennib12,

 

In order to assist you we need to check your site backend, please send us your website URL/USERNAME/PASSWORD.

 

Make sure to mark your reply as Private to hide it from the public.

Kind Regards

[jennib12]

This reply has been marked as private.

[vako]

Hi #jennib12,

 

We corrected the CSS snippet, please check and let me know if it works for you.

 

Kind Regards

[jennib12]

Thank you! Mobile looks perfect and I can live with the way it looks on desktop. I appreciate the help!

[vako]

You are welcome. Feel free to contact us anytime.

 

 

 

Kind Regards

[Author]

Posts