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 10 months, 1 week ago.

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

    webenfoto
    Participant
    Post count: 14

    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: 518

    Hello,

    Here is what I came up with in Chrome debugger;

    #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  */
    }

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

    I hope this helps.


    Ryan Meier – Web Developer @ Solid Interactive
    Twitter

    #45888

    webenfoto
    Participant
    Post count: 14

    Thank you!!!!!!

    This works just fine for me!!

    #45889

    rfmeier
    Participant
    Post count: 518

    You are welcome. Glad I could help.


    Ryan Meier – Web Developer @ Solid Interactive
    Twitter

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

You must be logged in to reply to this topic.