Return to previous page

Main header background image - by Karll - on WordPress WooCommerce support

This topic has 30 replies, 3 voices, and was last updated 9 years, 7 months ago ago by Robert Hall

Karll

Participant

September 1, 2014 at 11:48

Hi,

Thanks for that but i need it to fit the full width of the mentioned area, see attached screen shot ->

Also it is not responsive on a mobile device, can you please advise? See screen shot ->

#13992 Copied

Robert Hall

Support staff

September 1, 2014 at 12:27

This image can’t be the full width because its only 1170px width.
I’ve made some responsive customization. Check it, please.

Regards,
Robert Hall.

#13998 Copied

Karll

Participant

September 1, 2014 at 12:33

Thank you, but when i asked you what size you needed the image to be you gave me the dimensions of 1170×316, see earlier posts, which i got the designer to resize for you, now your saying its not correct, can you please advise as to what exact size it should be to cover the area?

#13999 Copied

Robert Hall

Support staff

September 1, 2014 at 13:06

These dimensions (1170х316) are for header block, and not for the width of each screen. They are completely different. For the full width need more than 2000+ px.
Thanks for understanding.

Regards,
Robert Hall.

#14001 Copied

Karll

Participant

September 1, 2014 at 13:21

I wish you had of told me that when i asked because i have to pay for every alteration. Can you tell me the exact height and width thats required please?

#14002 Copied

Robert Hall

Support staff

September 1, 2014 at 13:58

Please provide us with image size 2000×316 px.

Regards,
Robert Hall.

#14003 Copied

Karll

Participant

September 2, 2014 at 18:33

Hi, attached is the resized banner as you requested, 2000x316px

#14072 Copied

Robert Hall

Support staff

September 3, 2014 at 06:58

Hello,

I’ve added this image. You can check it.

Regards,
Robert Hall.

#14120 Copied

Karll

Participant

September 3, 2014 at 09:54

Thanks for that, if i want to put it back to the way it was, do i just remove this code from the custom css?

.header7{
background: url(‘images/web_header_2.jpg’) no-repeat center center;
width:100%;
background-size:cover;
height:282px;
margin:0;
}
.header .logo {
display:none;
}
.header7 .table-row{
height:282px;
}
@media (max-width: 1200px) {.header7{
height:189px;
}
.header7 .table-row{
height:195px;
}
}
@media (min-width:768px) and (max-width:979px) {.header7 {
height:95px;
}
.header7 .table-row{
height:100px;
}
}
@media (min-width:481px) and (max-width:767px) {.header7 {
height:91px;
}
.header .table-row{
height:91px;
}
}
@media (max-width: 480px) {.header7 {
height:60px;
}
.header .table-row{
height:18px;
}
.header {
padding-bottom:0;
}
}

#14127 Copied

Robert Hall

Support staff

September 3, 2014 at 10:50

Yes, that should be enough.

Regards,
Robert Hall.

#14140 Copied
1 2

Viewing 30 results - 21 through 30 (of 30 total)