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 2 years ago.

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


    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.




    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/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+



    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.