Okay
  Public Ticket #1034685
Responsive Header Image
Closed

Comments

  •  2
    cezobeat started the conversation

    Hi can you give me code.. that resizes the header banner..   this would be great.

    when i view on smartphone.. the banner doesn't resize responsive.. thank you

  •  70
    mSupport replied

    The problem are your gifs, we can use a trick, but i saw that the gif text is not on the middle on vertical.

    Add this to custom CSS

    .page-banner .page-feature-image .title-holder {
        min-height: 330px;
        height: 50vh;
    }
    .home .page-banner .page-feature-image .title-holder {
        min-height: 330px;
        height: 50vh;
    }
    

    Thank You!

  •  2
    cezobeat replied

    hi can you add me a code to move the header up like 150px? in fullsize mode..   because now..the mobile view is good.. after i centered the text..  but in fullsize the centered text.. is too low.. 

    http://www.onpoint-agency.com/

  •   mSupport replied privately
  •   cezobeat replied privately
  •   mSupport replied privately
  •  2
    cezobeat replied

    No its not working sorry 

  •   cezobeat replied privately
  •  70
    mSupport replied
    @media (max-width:63.9em) {
    .page-banner .page-feature-image {
        background-attachment: scroll;
    }
    }

    Thank You!

  •  70
    mSupport replied

    delete the 

    @media (max-width:63.9em) {
    .page-banner .page-feature-image .title-holder {
        background-attachment: scroll;
    }
    }

    Thank You!

  •  2
    cezobeat replied

    Thanks now its working !  Great ! Thank you for your support. i m gonna give you 5+ rating now..  :)  take care

  •  70
    mSupport replied

    Great! Thank you very much! Let us know when you need any more help!

    Thank You!

  •  2
    cezobeat replied

    Yes .. thank you..  i left a rating.. hope you get more soon.