• Creator
    Topic
  • #12707

    SriSri
    Spectator

    I came across this fix in another post to resize the header:

    .custom-header {padding:40px 20px 5px 20px!important;width: 985px;min-height:400px;background:url(***insert header image url***) top center no-repeat;border-bottom:0;

    It works great. The problem is it is not responsive and doesn’t resize or allow shrinking on mobile devices. How can this be made responsive so that it works across devices with the rest of the theme?

    Thanks!

     

Viewing 5 replies - 1 through 5 (of 5 total)
Replies
  • Roman
    Keymaster
    Post count: 2600
    #12718 |

    try this code better:

    .custom-header {padding:40px 20px 5px 20px!important;background:url(***insert header image url***) top center no-repeat;border-bottom:0;

    SriSri
    Spectator
    Post count: 10
    #12791 |

    Hi Roman, that did not work to make the header responsive on other devices. It is cut off everywhere else.

    Freddy Moza
    Spectator
    Post count: 2
    #12795 |

    Hello there

     

    I have a questions: Evolve theme

    When I uploaded my logo the header gets bigger Р how can fix it?

     

    Thanks

     

     

     

     

     

    Alok Maheshwari
    Spectator
    Post count: 303
    #12800 |

    @SriSri – What’s your site url?

    @Freddy – Can you please post this in a separate thread to avoid confusions.

    SriSri
    Spectator
    Post count: 10
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Make Header Responsive’ is closed to new replies.