Page 1 of 1

header image - Solved

Posted: December 20th, 2017, 4:48 pm
by contaminationlab2017
hi, in my website www.clabunibas.it when I set an header image (2000*200) it seems good in the pc version but in the mobile one it appears repeated several times

Why??
please help me, thanks

Re: header image

Posted: December 21st, 2017, 12:07 pm
by support_staff
Hi,

Please use the below css code in custom css box and save the changes.

@media(max-width:768px){
.header_section {
background-size: 230% 100%;
}
}

Thanks.

Re: header image

Posted: December 29th, 2017, 9:26 pm
by mihlenburg
I found this fix helpful. I did find that the mobile version squishes the header image. Shouldn't it just drop to size or not show?

Re: header image

Posted: December 30th, 2017, 11:13 am
by support_staff
Hi,

When you using the below code then all works fine -

@media(max-width:768px){
.header_section {
background-size: 230% 100%;
}
}

Thanks.

Re: header image

Posted: January 4th, 2018, 5:49 pm
by contaminationlab2017
Hi, whit code it looks better than before but now from the mobile, the logo covers the info.

please look at www.clabunibas.it

Re: header image

Posted: January 5th, 2018, 11:44 am
by support_staff
Hi,

Please add below CSS in custom CSS editor.

@media(max-width:768px){
ul.head-contact-info {
padding-top: 200px;
}
}

Thanks.