Header image does not resize correctly

[Jerry Jalenak]

When viewing my website on a smaller device (cell phone, tablet), the header image does not resize correctly. The header should be ‘responsive’ and adjust (or scale) correctly for the device size.

Not sure how to attach  a screen capture from my phone to this issue. Please advise.

Thanks.

 

[Sonnal S Sinha]

You can take a screen grab of your cell phone and upload here: http://imgur.com/ and then share the link with us.

Regards,
Shri

[Greg]

Did this get resolved and if so what was the solution. We are having the same issue with the Restaurant theme.

[Forum Moderator]

Hi Greg,

Kindly show us your website URL

Regards,
Ashish

[Greg]

Hi Ashish

www.roamindonesia.com

Regards,
Greg

[Forum Moderator]

Hi Greg,

I see you have used header images of size 1400px by 648px. If you use same sized slider images it won’t go up and down.

You can reduce the height of the images though and keep it say 350px each of them.

So all of them can be re-sized to 1400px by 350px to reduce height of the header.

Regards,
Shri

[Greg]

Hi Shri,

I think you’ve misunderstood the problem. Our header slider images (home page) are all 1400 x 648 and these are perfectly responsive.

Our problem with non-responsiveness is on all other pages and relates to the header banner images which have been resized to 1400 x 382 as per the dimensions in the theme demo.

Regards,
Greg

[Sonnal S Sinha]

Hi Greg,

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
And paste this css code in custom box

@media screen and (max-width:1023px) {
.innerbanner img { height:auto !important;}
}

Regards,
Shri

[Greg]

Thanks for your help, working now.

Regards,
Greg

[Sonnal S Sinha]

Okay. Cool.

Regards,
Shri

[Author]

Posts