Agency's header not responsive

Community Forums Forums Design Tips and Tricks Agency's header not responsive

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  rfmeier 1 year, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #45875

    webenfoto
    Participant
    Post count: 15

    Hi!

    I’m using the Agency theme, bu no matter what I try, the header image will not ‘shrink’ on a mobile device.

    Can anyone help me out?

    I tried the plugin ‘genesisi responsive header’ from Nick the Geek, but I do not see the extra menu….

     

    Thanks!

    http://www.webenfoto.nl
    #45881

    rfmeier
    Participant
    Post count: 596

    Hello,

    Here is what I came up with in Chrome debugger;

    [css]
    #header {
    margin: 0 auto;
    min-height: 115px;
    overflow: hidden;
    /*verwijderd door WebEnFoto
    text-shadow: 1px 1px #000;
    */
    width: 100%;
    background-size: contain !important; /* force scaling and prevent override */
    }[/css]

    Here is a preview: https://www.diigo.com/item/image/40chg/3t8o

    I hope this helps.


    #45888

    webenfoto
    Participant
    Post count: 15

    Thank you!!!!!!

    This works just fine for me!!

    #45889

    rfmeier
    Participant
    Post count: 596

    You are welcome. Glad I could help.


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

You must be logged in to reply to this topic.