• Creator
    Topic
  • #12707

    SriSri
    Spectator
    Been thanked: 0 times

    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: 2543
    Been thanked: 29 times
    #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
    Been thanked: 0 times
    #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
    Been thanked: 0 times
    #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
    Been thanked: 0 times
    #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
    Been thanked: 0 times
Viewing 5 replies - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.