Header image not responsive

  • Author
  • #142673

    Mi header image looks really bad on mobiles, it cuts words because it´s like too big for the screen. Can you help me?

    The blog I need help with is melinagardini.com.


    Theme Author

    Hi Melina,

    Looks like the problem is caused by the content in the header. Please try this CSS to fix it:

    @media (max-width: 767px) {
        .home .header-inner {
            padding: 0
        .home .header-inner p[style],
        .home .header-inner div {
            display: none;

    I have to remove the button and the social buttons to make the white space less, thus make the background image appear correctly.

The topic ‘Header image not responsive’ is closed to new replies.