Hero background image responsiveness – swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 1 reply, 2 voices, and was last updated 7 years by Rui Guerreiro – SUPPORT.

Viewing 2 posts - 1 through 2 (of 2 total)

Back to forum

Posted in: Nota
December 30, 2016 at 11:15 pm #308487

ritchmedia
Member

Post count: 66

Hi, please can you advise how I can make the hero background image responsive so that it displays correctly on mobile and tablet (or allows for an alternative image to be displayed).

The Hero header is used on the homepage only, but becomes cropped on mobile & tablet.

thanks,
James

January 2, 2017 at 4:28 pm #308552
Rui Guerreiro – SUPPORT
Keymaster

Post count: 25779
Hi,

Try this code to adjust the position of the heading image. Add it to the custom css option in the theme options.
```
@media only screen and (max-width: 767px){
   .fancy-style .page-heading.fancy-heading {
    height: auto!important;
    background-position: 90% 50%!important;
   }
}
```
Hope it helps.

-Rui
Back to forum

Posted in: Nota

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items

Login and Registration Log in · Register