- This topic has 1 reply, 2 voices, and was last updated 9 years, 4 months ago by
.
-
Posts
-
Not sure what to do here. the only change to header css was the height (in functions.php too) and yet when brought up on a mobile device, the header will not display properly. The header image was put in through the dashboard under Appearance>header . Why will this header not display properly on a mobile device? it gets cut off. The url is:
http://moversjacksonville.com/Thank you!
It’s because your image is too wide. All genesis themes show header images like this. In order for it not to cut off, you would either need to have another smaller image that loads when viewed on mobile devices….or you’ll need to add some css that will make it adjust to the width of the browser. Background images by default are not responsive. Inline images are, but background images are not.
You’ll have to figure out which way you would like to go about handling this, but if you choose the responsive way your image will shrink to a small size to fit the mobile screens size. You could try adding something like –
background-size: contain !important;to your#headerin the responsive section of your css, but it may not look right due to the size of your image. Your image probably won’t look right scaled down to a small browser, but you can give it a try.
- You must be logged in to reply to this topic.