Header Not Resizing in Mobile (Mocha Theme)

Community Forums Forums General Discussion Header Not Resizing in Mobile (Mocha Theme)

This topic is: resolved

Tagged: , ,

This topic contains 2 replies, has 2 voices, and was last updated by  liannef 9 months, 3 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #70504

    liannef
    Member
    Post count: 39

    Hi There,

    I can see it fine on an iPad but it looks too big on all sizes of the iPhone. I tried to use Nick The Geek’s Genesis Responsive Header Plugin – but when I installed that it didn’t even show up on my Genesis menu.

    Any help you could give would be appreciated.

    Thanks!

    http://www.themakeupgirl.net
    #70564

    nutsandbolts
    Moderator
    Post count: 3115

    In your stylesheet for the rules under #header (where we added your image before), change it to this:

    #header {
    background: url(http://themakeupgirl.net/wp-content/uploads/2013/10/TMG_Header1.jpg) center no-repeat !important;
    margin: 0 auto;
    min-height: 155px;
    overflow: hidden;
    width: 100%;
    background-size: contain !important;
    }

    That will force it to fit on smaller screens.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #70624

    liannef
    Member
    Post count: 39

    THANK YOU Andrea!!!! Best best best… :-D

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

The topic ‘Header Not Resizing in Mobile (Mocha Theme)’ is closed to new replies.